/* Sales Agent: two sections from the Codex section lab (03 phone carousel, 16 day/document scenes), adapted to Planet Horizon. Demo data only. */
.finsepa-section{background:#08090a;color:#f7f8f8;padding:120px 0 100px}
.finsepa-wrap{max-width:1260px;margin-inline:auto;padding-inline:40px}
.finsepa-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:64px}
.finsepa-tag{display:inline-flex;border:1px solid #242526;background:#111314;padding:5px 10px;border-radius:18px;font-size:11px;color:#acb0b5;margin-bottom:25px}
.finsepa-heading h2{font-size:48px;line-height:1;letter-spacing:-.045em;font-weight:500;max-width:600px}
.finsepa-heading p{font-size:17px;line-height:1.5;color:#85888b;max-width:460px;margin-bottom:28px}
.finsepa-download{display:inline-flex;align-items:center;gap:10px;border-radius:30px;background:#ededed;color:#17191b;padding:12px 20px;font-size:14px;font-weight:600}
.finsepa-download .icon{width:17px;height:17px}
.finsepa-download .icon:last-child{width:15px;margin-left:12px}
.phone-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px max(40px,calc((100vw - 1180px)/2)) 25px;overscroll-behavior-x:contain;scroll-padding-inline:max(40px,calc((100vw - 1180px)/2))}
.phone-track::-webkit-scrollbar{display:none}
.phone-card{border:1px solid #232425;border-radius:28px;background:linear-gradient(130deg,#101112,#0a0b0c);flex:0 0 354px;min-width:0;height:668px;overflow:hidden;text-align:center;scroll-snap-align:start;padding:30px 28px 0;box-shadow:inset 0 1px #ffffff03}
.phone-card h3{font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.035em;max-width:280px;min-height:54px;display:flex;align-items:center;justify-content:center;margin:auto auto 30px}
.phone-device{position:relative;width:256px;margin:auto;padding:7px 6px 0;border:2px solid #3d3e40;border-radius:42px 42px 0 0;background:#000;box-shadow:0 0 0 1px #000,0 -1px 0 3px #212224;overflow:hidden}
.phone-device img{width:100%;border-radius:32px 32px 0 0;min-height:520px;object-fit:cover;object-position:top}
.phone-camera{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:70px;height:19px;border-radius:20px;background:#000;z-index:2}
.phone-camera:after{content:'';position:absolute;right:6px;top:6px;width:6px;height:6px;background:radial-gradient(circle at 60% 30%,#17376d,#050b13 60%);border-radius:50%}
.carousel-footer{display:flex;align-items:center;gap:26px;margin-top:13px}
.carousel-buttons{display:flex;gap:8px}
.carousel-buttons button{display:grid;place-items:center;border:1px solid #303236;color:#dddfe2;background:#16181a;width:42px;height:42px;border-radius:50%;transition:background .2s}
.carousel-buttons button:hover{background:#25272a}
.carousel-buttons button:disabled{color:#46494d;cursor:default;background:#111315}
.carousel-buttons .icon{width:15px;height:15px}
.carousel-counter{font:11px ui-monospace,monospace;color:#5f646a;white-space:nowrap}
.carousel-counter b{color:#c4c7ca;font-weight:400}
.carousel-progress{flex:1;height:1px;background:#24272a;margin-left:auto}
.carousel-progress span{display:block;height:1px;background:#8c8e90;transform:scaleX(.125);transform-origin:left;transition:transform .3s var(--ease,cubic-bezier(.2,.7,.2,1))}
.phone-device{border-radius:42px;padding-bottom:7px}
.phone-device img{border-radius:32px}
@media(max-width:1150px){.finsepa-heading{gap:45px}.finsepa-heading h2{font-size:44px}}
@media(max-width:900px){.finsepa-section{padding:90px 0 70px}.finsepa-wrap{padding-inline:30px}.finsepa-heading{gap:25px}.finsepa-heading h2{font-size:37px}.finsepa-heading p{font-size:15px}.phone-track{padding-inline:30px;scroll-padding-inline:30px}.phone-card{flex-basis:330px;height:630px;padding-inline:23px}.phone-device{width:246px}.phone-card h3{font-size:21px}}
@media(max-width:620px){.finsepa-section{padding:65px 0 55px}.finsepa-wrap{padding-inline:24px}.finsepa-heading{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.finsepa-heading h2{font-size:38px;max-width:450px}.finsepa-tag{font-size:10px;margin-bottom:22px}.finsepa-heading p{font-size:15px;margin-bottom:22px;max-width:380px}.finsepa-download{font-size:13px;padding:12px 17px}.phone-track{padding-inline:24px;scroll-padding-inline:24px;gap:13px}.phone-card{flex-basis:calc(100vw - 78px);max-width:354px;min-width:250px;height:610px;padding:28px 18px 0;border-radius:25px}.phone-card h3{font-size:21px;min-height:50px;margin-bottom:29px}.phone-device{width:238px;max-width:100%;border-radius:38px 38px 0 0}.phone-device img{min-height:unset;border-radius:30px 30px 0 0}.phone-camera{width:64px;height:18px;top:14px}.carousel-footer{gap:19px;margin-top:4px}.carousel-buttons button{width:38px;height:38px}}
@media(max-width:355px){.finsepa-heading h2{font-size:33px}.phone-card{min-width:244px;height:580px}.phone-device{width:220px}}
.phone-card{flex-basis:360px;height:auto;display:flex;flex-direction:column;align-items:center;padding:28px 24px 26px}
.phone-card h3{font-size:22px;line-height:28px;min-height:56px;margin:0 0 20px;max-width:300px}
.phone-device{width:250px;max-width:100%;flex-shrink:0;padding:7px;border:0;border-radius:44px}
.phone-device img{min-height:0;border-radius:37px}
.phone-caption{font-size:15px;line-height:22.5px;color:#8a8f98;max-width:290px;margin-top:24px;min-height:45px}
@media(max-width:620px){.phone-card{flex-basis:calc(100vw - 78px);max-width:360px;min-width:244px;padding-inline:22px}.phone-card h3{font-size:21px}.phone-device{border-radius:40px}.phone-device img{border-radius:33px}.phone-caption{font-size:14px;line-height:21px}}
@media(prefers-reduced-motion:reduce){.carousel-progress span{transition:none}}
.finsepa-section .phone-camera{width:8px;height:8px;top:13px;background:#15191d;border:1px solid #4c5358;box-shadow:0 0 0 2px #0000000a}
.finsepa-section .phone-camera:after{inset:2px;width:auto;height:auto;background:#12253a}
.pl15-agent *{box-sizing:border-box}
.pl15-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.pl15-agent{font-family:var(--sans,Hanken,Arial,sans-serif);background:transparent;color:#29252f}
.pl15-agent h2,.pl15-agent p,.pl15-agent figure{margin:0}
.pl15-agent a:focus-visible,.pl15-agent button:focus-visible{outline:2px solid #8a64b8;outline-offset:5px}
.pl15-footnote{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:30px;font-size:10px;line-height:1.5;color:#aa9cb4}
.pl15-footnote button{display:inline-flex;gap:7px;align-items:center;padding:5px 0;border:0;background:none;font:inherit;color:#8e6caa;cursor:pointer;white-space:nowrap}
.pl15-footnote button:disabled{opacity:.4;cursor:default}
.pl15-footnote .pl15-icon{width:14px;height:14px}
.pl15-agent{padding:100px 5% 65px}
.pl15-agent-wrap{max-width:1296px;margin:0 auto}
.pl15-agent-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:88px;align-items:center}
.pl15-agent-row+.pl15-agent-row{margin-top:116px}
.pl15-agent-row-reverse{grid-template-columns:minmax(0,.94fr) minmax(0,1fr)}
.pl15-motion-scene{min-width:0}
.pl15-agent-art{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:620/570;background:#faf9fc;border-radius:18px}
.pl15-scene-grid{position:absolute;inset:30% 0 20%;z-index:-1;background-image:linear-gradient(#e9e4f080 1px,transparent 1px),linear-gradient(90deg,#e9e4f080 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 78%)}
.pl15-stats-cards{position:absolute;top:25%;left:8%;right:8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.pl15-stat{display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;aspect-ratio:166/174;border-radius:16px;background:#fff;box-shadow:0 5px 30px #3f2b5703;font-size:14px;color:#7d7588;text-align:center}
.pl15-stat-medallion{position:relative;display:grid;place-items:center;width:49px;height:49px;border:1px solid #efedf1;border-radius:50%;background:linear-gradient(#eeeef0,#fcfcfd);color:#bab6c1;box-shadow:0 6px 3px #1e152711,inset 0 -5px 3px #fff;margin-bottom:20px}
.pl15-stat-medallion.is-purple{background:linear-gradient(#9450d6,#dbc5ef 72%,#fff);border-color:#dfd0ee;color:#fff;box-shadow:0 5px 3px #59377c16,inset 0 -5px 4px #fff}
.pl15-stat-medallion .pl15-icon{width:21px;height:21px}
.pl15-stat>b{font-size:23px;line-height:1.2;letter-spacing:-.65px;color:#2a2531;font-weight:500;margin-top:7px;white-space:nowrap}
.pl15-stat>b small{font-size:15px;font-weight:400}
.pl15-agent-strip{position:absolute;top:60%;left:8%;right:8%;height:104px;display:flex;align-items:center;gap:23px;padding:17px 20px;border-radius:15px;background:#fff;box-shadow:0 5px 30px #3f2b5703}
.pl15-spark{display:flex;align-items:flex-end;justify-content:space-between;height:58px;flex:1;min-width:90px;gap:3px;mask-image:linear-gradient(90deg,#000 75%,transparent)}
.pl15-spark i{display:block;width:5px;height:var(--pl15-h);flex:1;max-width:7px;background:linear-gradient(#9965d0,#cfb8e6 80%,#f0e9f8);border-radius:6px;box-shadow:0 1px 3px #926ab61a}
.pl15-spark .is-muted{background:linear-gradient(#e8e6ec,#faf9fb)}
.pl15-agent-strip>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex-shrink:0}
.pl15-agent-strip>div>span{font-size:12px;color:#89818f}
.pl15-agent-strip>div>b{font-size:23px;line-height:1.15;letter-spacing:-.5px;font-weight:400;color:#2a2531}
.pl15-agent-strip>div>small{font-size:9px;color:#b2a9bc}
.pl15-online{display:inline-flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;color:#76a68a;background:#f4faf6;border-radius:6px;padding:8px 7px}
.pl15-online i{height:5px;width:5px;border-radius:50%;background:#6caa85}
.pl15-demo{position:absolute;bottom:20px;left:26px;font-size:7px;letter-spacing:.12em;color:#c0b3ca;z-index:4}
.pl15-agent-copy{padding-bottom:8px}
.pl15-agent-tag{display:inline-block;padding:10px 17px;background:#faf9fc;border-radius:5px;color:#8b799b;font-size:13px;line-height:1.3;letter-spacing:.02em}
.pl15-agent-copy h2{font-size:53px;font-weight:400;line-height:1.22;letter-spacing:-1.9px;margin:36px 0 24px;color:#24202a}
.pl15-agent-copy>p:not(.pl15-agent-tag){font-size:18px;line-height:1.75;color:#918998;letter-spacing:-.2px;max-width:580px}
.pl15-agent-link{display:inline-flex;align-items:center;gap:18px;margin-top:58px;padding:15px 22px;border-radius:9px;background:#674197;color:#fff!important;text-decoration:none;font-size:16px;line-height:1.15}
.pl15-agent-link .pl15-icon{width:17px;height:17px}
.pl15-availability{display:block;margin-top:15px;font-size:11px;color:#aa99b7}
.pl15-activity-list{position:absolute;top:12%;left:20%;right:-13%;display:grid;gap:13px}
.pl15-activity-row{display:flex;align-items:center;gap:18px;height:103px;padding:16px 110px 16px 22px;border-radius:17px;background:#fff;box-shadow:0 2px 12px #39284803}
.pl15-client-icon{display:grid;place-items:center;width:61px;height:61px;flex-shrink:0;border:1px solid #eeebf2;border-radius:50%;color:#9773b7;box-shadow:0 5px 7px #20102a05,inset 0 0 0 7px #fdfcfe;background:#f3eafb}
.pl15-client-icon .pl15-icon{width:26px;height:26px;stroke-width:1.5}
.pl15-client-icon.is-blue{background:#e9f2fb;color:#7ba0c7}
.pl15-client-icon.is-green{background:#edf5ee;color:#8cac95}
.pl15-client-icon.is-gray{background:#f5f3f7;color:#b5a9bf}
.pl15-activity-main{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.pl15-activity-main b{font-size:24px;font-weight:500;letter-spacing:-.5px;color:#312a3a;white-space:nowrap}
.pl15-activity-main>span{font-size:15px;color:#b6aebd;white-space:nowrap}
.pl15-activity-value{display:flex;flex-direction:column;gap:8px;align-items:flex-end;white-space:nowrap}
.pl15-activity-value>b{font-size:16px;font-weight:500;color:#89799a}
.pl15-activity-value>span{font-size:10px;color:#7d9e89}
.pl15-activity-fade{position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,#faf9fc 85%);pointer-events:none}
.pl15-activity-art .pl15-demo{color:#bdb0c8}
[data-pl15-motion].is-motion-ready .pl15-reveal{animation:pl15-enter .7s cubic-bezier(.16,1,.3,1) var(--pl15-delay,0s) 1 both;animation-play-state:paused}
[data-pl15-motion].is-running .pl15-reveal{animation-play-state:running}
@keyframes pl15-enter{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1700px){.pl15-agent-wrap{max-width:1400px}.pl15-agent-copy h2{font-size:58px}.pl15-agent-copy>p:not(.pl15-agent-tag){font-size:19px}}
@media(max-width:1150px) and (min-width:761px){.pl15-agent-row{gap:50px}.pl15-agent-copy h2{font-size:39px;letter-spacing:-1.3px;margin-top:25px;margin-bottom:20px}.pl15-agent-tag{font-size:11px;padding:8px 13px}.pl15-agent-copy>p:not(.pl15-agent-tag){font-size:15px;line-height:1.65}.pl15-agent-link{font-size:13px;padding:13px 16px;margin-top:32px;gap:12px}.pl15-agent-strip{height:77px;gap:12px;padding:11px 13px}.pl15-online{font-size:7px;padding:6px 5px;gap:3px}.pl15-agent-strip>div>span{font-size:9px}.pl15-agent-strip>div>b{font-size:17px}.pl15-agent-strip>div>small{font-size:7px}.pl15-spark{height:44px;min-width:58px;gap:2px}.pl15-spark i{height:calc(var(--pl15-h)*.75)}.pl15-stat{font-size:10px;border-radius:12px}.pl15-stat>b{font-size:17px}.pl15-stat>b small{font-size:11px}.pl15-stat-medallion{width:36px;height:36px;margin-bottom:12px}.pl15-stat-medallion .pl15-icon{width:16px;height:16px}.pl15-stats-cards{gap:10px}.pl15-activity-row{height:77px;gap:12px;padding:12px 78px 12px 15px;border-radius:13px}.pl15-client-icon{width:45px;height:45px;box-shadow:inset 0 0 0 5px #fdfcfe}.pl15-client-icon .pl15-icon{width:20px;height:20px}.pl15-activity-main b{font-size:18px}.pl15-activity-main>span{font-size:11px}.pl15-activity-value>b{font-size:12px}.pl15-activity-value>span{font-size:8px}}
@media(max-width:760px){.pl15-footnote{font-size:9px;gap:16px;align-items:flex-start;max-width:520px;margin:25px auto 0}.pl15-footnote button{font-size:9px;padding:0}.pl15-agent{padding:64px 24px 48px}.pl15-agent-wrap{max-width:520px}.pl15-agent-row,.pl15-agent-row-reverse{display:flex;flex-direction:column;align-items:stretch;gap:34px}.pl15-agent-row+.pl15-agent-row{margin-top:75px}.pl15-agent-row-reverse .pl15-motion-scene{order:0}.pl15-agent-row-reverse .pl15-agent-copy{order:1}.pl15-agent-art{border-radius:13px}.pl15-agent-copy{padding:0}.pl15-agent-tag{font-size:10px;padding:8px 12px}.pl15-agent-copy h2{font-size:37px;line-height:1.16;letter-spacing:-1.2px;margin-top:24px;margin-bottom:20px}.pl15-agent-copy>p:not(.pl15-agent-tag){font-size:16px;line-height:1.7}.pl15-agent-link{font-size:14px;padding:14px 18px;margin-top:27px;gap:17px}.pl15-availability{font-size:10px;margin-top:13px}.pl15-stats-cards{gap:9px;left:7%;right:7%}.pl15-stat{font-size:10px;border-radius:12px}.pl15-stat-medallion{width:35px;height:35px;margin-bottom:12px}.pl15-stat-medallion .pl15-icon{width:16px;height:16px}.pl15-stat>b{font-size:17px;letter-spacing:-.4px;margin-top:5px}.pl15-stat>b small{font-size:10px}.pl15-agent-strip{left:7%;right:7%;height:75px;padding:10px 12px;gap:11px;border-radius:12px}.pl15-agent-strip>div>span{font-size:9px}.pl15-agent-strip>div>b{font-size:17px}.pl15-agent-strip>div>small{font-size:7px}.pl15-online{font-size:7px;padding:6px 5px;gap:3px}.pl15-online i{width:4px;height:4px}.pl15-spark{height:42px;gap:2px;min-width:54px}.pl15-spark i{height:calc(var(--pl15-h)*.72)}.pl15-demo{bottom:15px;left:20px;font-size:6px}.pl15-activity-list{gap:10px;left:16%;right:-20%}.pl15-activity-row{height:74px;padding:11px 92px 11px 15px;gap:12px;border-radius:13px}.pl15-client-icon{width:43px;height:43px;box-shadow:inset 0 0 0 5px #fdfcfe}.pl15-client-icon .pl15-icon{width:19px;height:19px}.pl15-activity-main{gap:6px}.pl15-activity-main b{font-size:18px}.pl15-activity-main>span{font-size:11px}.pl15-activity-value{gap:6px}.pl15-activity-value>b{font-size:12px}.pl15-activity-value>span{font-size:8px}}
@media(max-width:360px){.pl15-agent{padding-inline:20px}.pl15-agent-copy h2{font-size:34px}.pl15-stats-cards{gap:7px;left:6%;right:6%;top:21%}.pl15-stat{font-size:8px;border-radius:9px}.pl15-stat-medallion{width:29px;height:29px;margin-bottom:9px}.pl15-stat-medallion .pl15-icon{width:14px;height:14px}.pl15-stat>b{font-size:14px}.pl15-stat>b small{font-size:9px}.pl15-agent-strip{top:61%;left:6%;right:6%;height:63px;gap:9px;padding:9px}.pl15-agent-strip>div>span{font-size:8px}.pl15-agent-strip>div>b{font-size:15px}.pl15-agent-strip>div>small{font-size:6px}.pl15-online{font-size:6px;padding:5px 4px}.pl15-spark{min-width:37px;gap:1px}.pl15-activity-row{height:64px;gap:9px;padding-left:11px;padding-right:75px}.pl15-client-icon{width:37px;height:37px}.pl15-client-icon .pl15-icon{width:17px;height:17px}.pl15-activity-main b{font-size:16px}.pl15-activity-main>span{font-size:9px}.pl15-activity-value>b{font-size:10px}.pl15-activity-value>span{font-size:7px}.pl15-activity-list{gap:8px}.pl15-demo{font-size:5px;bottom:12px;left:17px}}
@media(prefers-reduced-motion:reduce){[data-pl15-motion].is-motion-ready .pl15-reveal{animation:none!important;opacity:1;transform:none}}
[data-pl15-motion].is-motion-ready svg .pl15-reveal{animation-name:pl15-vector-enter}
/* Planet Horizon palette: navy band like the opening, paper for the scenes */
.finsepa-section{background:radial-gradient(85% 95% at 82% 110%,rgba(52,91,155,.25),rgba(11,29,64,0) 75%),linear-gradient(#080e20,#050b1c);color:#f5f8ff;font-family:var(--sans,Hanken,Arial,sans-serif)}
.finsepa-heading h2,.phone-card h3{color:#f5f8ff;margin:0}
.finsepa-heading h2{margin:0}
.finsepa-heading p{color:#9aa6c2}
.finsepa-tag{border-color:rgba(139,207,255,.16);background:rgba(139,207,255,.06);color:#b9c6e3}
.finsepa-download{background:#f5f8ff;color:#13223b;text-decoration:none}
.phone-card{border-color:rgba(139,207,255,.1);background:linear-gradient(130deg,#0d1834,#081126)}
.phone-device picture{display:block}
.phone-device img{height:auto;aspect-ratio:720/1560}
.phone-caption{color:#94a0bd;margin-bottom:0}
.carousel-buttons button{border-color:rgba(139,207,255,.18);background:#0d1834;color:#dfe6f5;cursor:pointer}
.carousel-buttons button:hover{background:#16264a}
.carousel-buttons button:disabled{background:#0a1228;color:#3d4a66}
.carousel-counter{color:#62708f}
.carousel-counter b{color:#c9d3e8}
.carousel-progress{background:rgba(139,207,255,.14)}
.carousel-progress span{background:#8bcfff}
.phone-track:focus-visible,.carousel-buttons button:focus-visible,.finsepa-download:focus-visible{outline:2px solid #8bcfff;outline-offset:4px}
@media(min-width:1151px){.pl15-agent-copy h2{font-size:48px;letter-spacing:-1.2px}}
.pl15-agent-art{background:#f6f3f9}
.pl15-activity-fade{background:linear-gradient(transparent,#f6f3f9 85%)}
@media(max-width:1150px) and (min-width:761px){.pl15-agent-copy h2{font-size:38px}}