@scope (.phone-screen.is-landing) {
.el{--el-violet:#533afd;--el-ink:#222237;--el-muted:#646474;--el-small:12px;--el-body:clamp(15px,1.28vw,18px);--el-head:clamp(29px,3.4vw,48px);--el-space:clamp(24px,4vw,64px)}
body.editorial-mode{padding-top:40px;background:#f2f1f5!important}
.editorial-mode .app-shell{max-width:none!important;background:#fff;margin:0 auto!important}
.editorial-mode .phone-frame{height:calc(100dvh - 40px)!important}
.editorial-mode .phone-content:has(.el){padding:0!important;scroll-behavior:smooth;scroll-padding-top:0}
.review-bar{height:40px;padding:0 24px;background:#f6f5f9;color:#666273;justify-content:flex-start;gap:16px}
.review-bar button{font-size:12px;min-height:32px;padding:0 8px}.review-bar>div{margin-left:auto}
.el-review-info{position:relative;font-size:12px}.el-review-info summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}
.el-review-info p{position:absolute;top:26px;left:-70px;width:280px;padding:18px;background:#fff;border:1px solid #ddd9e9;border-radius:12px;box-shadow:0 14px 40px #20203325;line-height:1.7;color:#55536a;margin:0;z-index:900}
.el{font-family:"Noto Sans KR",sans-serif;color:var(--el-ink);background:white;letter-spacing:-.035em}
.el button{font-family:inherit;cursor:pointer}.el p,.el h1,.el h2{word-break:keep-all;overflow-wrap:break-word}
.el-header{height:76px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100% - 1152px)/2));position:sticky;top:0;z-index:35;background:#fffffff5;border-bottom:1px solid #eeeaf1;backdrop-filter:blur(12px)}
.el-logo{padding:0;background:none;border:0;flex:none;min-height:44px}.el-logo img{width:56px;height:44px;display:block;object-fit:contain}
.el-header-caption{font-size:13px;color:#746e80}.el-header>div{display:flex;gap:10px;margin-left:auto}
.el-btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;background:var(--el-violet);border:1px solid var(--el-violet);border-radius:10px;padding:13px 22px;color:#fff;font-size:14px;font-weight:600;line-height:1.45;transition:background .2s,box-shadow .2s}
.el-btn:hover{background:#4024dc;box-shadow:0 5px 14px #533afd20}.el-btn span{font-size:18px}.el-btn.secondary{background:white;color:var(--el-ink);border-color:#e4e1eb}.el-btn.secondary:hover{background:#f5f3fb}
.el-header .el-btn{font-size:13px;min-height:42px;padding:10px 16px;gap:12px}
.el-nav{position:sticky;top:76px;z-index:30;background:#fffffff5;display:flex;justify-content:center;gap:12px;border-bottom:1px solid #eeeaf1;padding:0 16px;backdrop-filter:blur(12px)}
.el-nav button{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;height:43px;background:none;border:0;border-bottom:2px solid transparent;color:#777184;font-size:12px;white-space:nowrap}
.el-nav button small{font-size:12px;font-variant-numeric:tabular-nums;color:#898292}.el-nav button[aria-current=step]{border-color:var(--el-violet);color:var(--el-violet)}.el-nav button[aria-current=step] small{color:inherit}
.el-page{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);max-width:1200px;padding:64px 24px 76px;margin:0 auto;align-items:center;min-height:710px;scroll-margin-top:120px;position:relative}
.el-page:not(:last-of-type){border-bottom:1px solid #efedf4}
.el-copy{max-width:490px}.el-kicker{font-size:12px;letter-spacing:.035em;font-weight:600;color:var(--el-violet);display:block;margin-bottom:22px}
.el h1,.el h2{font-size:var(--el-head);line-height:1.28;letter-spacing:-.065em;font-weight:700;color:#242238;margin:0 0 23px}
.el h1{font-size:clamp(34px,3.7vw,52px)}.el h1 em{font-style:normal;color:var(--el-violet)}
.el-desc{font-size:var(--el-body);line-height:1.85;color:#64616e;margin:0 0 25px}
.el-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px}
.el-text-btn{font-size:13px;background:none;border:0;padding:6px 0;min-height:35px;color:#56516d;display:flex;gap:18px}
.el-proof{display:flex;gap:8px;align-items:center;font-size:12px;color:#635d72;margin:0 0 20px;line-height:1.6}.el-proof svg{flex:none}
.el-detail{font-size:12px;max-width:430px;border-top:1px solid #ece9f1;padding-top:8px}
.el-detail-open h3{font-size:12px;line-height:1.7;font-weight:600;color:#4530c6;margin:0;padding:8px 0 0}
.el-detail-open p{line-height:1.9;color:#303d5c;margin:8px 0 0;font-size:13px}
.el-visual{height:570px;position:relative;overflow:hidden;isolation:isolate;border-radius:22px;background:#f0edf4;box-shadow:0 12px 42px #22203e09}
.el-visual>img{height:100%;width:100%;object-fit:cover;object-position:center 25%;display:block;transition:transform 1.6s ease}
.el-visual:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#29203724);z-index:0;pointer-events:none}
.visual-0>img{object-position:48% 23%}.visual-1>img{object-position:50% 25%}.visual-6>img{object-position:50% 25%;object-fit:cover}.visual-7>img{object-position:center 30%}
.el-visual-top{position:absolute;top:21px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;z-index:2}
.el-visual-top>span{font-size:12px!important;letter-spacing:.06em;font-weight:600;color:#393044;background:#ffffffd9;padding:7px 9px;border-radius:4px}
.el-visual-top .char{filter:drop-shadow(0 2px 4px #fff8)}
.el-demo{position:absolute;bottom:52px;left:22px;right:22px;border:1px solid #ffffffcc;border-radius:14px;background:#fffffff0;box-shadow:0 8px 24px #2121350b;padding:17px 18px;z-index:2;backdrop-filter:blur(14px);color:#262238}
.el-demo-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.el-demo-head strong{font-size:13px;font-weight:600;flex:1}.el-demo-head small{font-size:12px;color:#7a7289}
.el-steps{display:flex;gap:7px}.el-steps>span{display:flex;flex-direction:column;gap:7px;flex:1;font-size:12px;color:#797285;padding:10px 7px;border-radius:7px;background:#f3f1f7;transition:background .6s,color .6s}
.el-steps i{font-size:12px;font-style:normal;opacity:.65;font-variant-numeric:tabular-nums}
.el-page[data-step="0"] [data-phase="0"],.el-page[data-step="1"] [data-phase="1"],.el-page[data-step="2"] [data-phase="2"]{background:#eee9ff;color:#533afd}
.el-steps>span[data-phase]:after{content:'';height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 1.8s}
.el-page[data-step="0"] .el-steps>[data-phase="0"]:after,.el-page[data-step="1"] .el-steps>[data-phase="1"]:after,.el-page[data-step="2"] .el-steps>[data-phase="2"]:after{transform:scaleX(1)}
.el-demo-rows{display:grid;gap:4px}.el-demo-rows>span{display:none;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:9px 8px;transition:background .6s,color .6s;border-radius:5px;color:#645e70}.el-demo-rows b{font-size:12px;font-weight:600;white-space:nowrap}
.el-page[data-step="0"] .el-demo-rows>[data-phase="0"],.el-page[data-step="1"] .el-demo-rows>[data-phase="1"],.el-page[data-step="2"] .el-demo-rows>[data-phase="2"]{display:flex}
.visual-4>img{object-position:50% 85%}
.el-version{display:flex;align-items:center;gap:9px;font-size:12px;padding-top:12px;margin-top:8px;border-top:1px solid #ece8f2}.el-version>b{margin-left:auto;font-size:12px;color:#533afd}
.el-demo-controls{position:absolute;bottom:7px;left:24px;right:24px;display:flex;justify-content:flex-end;align-items:center;z-index:2;color:white}.el-demo-controls>span{font-size:12px;margin-right:7px;text-shadow:0 1px 3px #0008}.el-demo-controls button{width:33px;height:42px;display:grid;place-items:center;background:none;border:0}
.el-demo-controls i{display:block;width:17px;height:3px;border-radius:3px;background:#ffffff90}.el-demo-controls button[aria-pressed=true] i{background:white;width:26px}
.el-condition-options{display:flex;gap:7px;margin-bottom:13px}.el-condition-options button{border:1px solid #e3ddec;border-radius:7px;background:white;font-size:12px;min-height:36px;min-width:85px;color:#64596f}.el-condition-options button[aria-pressed=true]{background:#533afd;color:white;border-color:#533afd}
.el-condition-output{display:flex;justify-content:space-between;font-size:13px;padding-bottom:10px}.el-condition-output b{color:#533afd;font-size:14px}
.el-mini-pairs{display:flex;gap:25px;font-size:12px;color:#7a7382}.el-mini-pairs b{font-weight:500;color:#32283b;margin-left:6px}.el-example{display:block;font-size:12px;color:#7e7488;margin-top:10px}
.el-reverse .el-visual{grid-column:1;grid-row:1}.el-reverse .el-copy{grid-column:2;grid-row:1}
.el-hero{padding-top:28px;min-height:680px}.el-hero .el-visual{height:560px}.el-hero .el-demo{bottom:52px}
.el-signup{margin-top:14px}.el-signup>summary{font-size:13px;cursor:pointer;color:#533afd;padding:10px 0}.el-signup .w-auth{margin:15px 0}.el-signup .w-terms{margin-left:0!important}
.el-bottom{text-align:center;background:#f7f5fb;padding:26px 24px}.el-bottom>p{font-size:12px;color:#766e83;line-height:1.8}.el-bottom .el-bottom-note{max-width:650px;margin:12px auto 0;color:#8a8196}.el-bottom .w-report{padding:8px 0}
.el-mobile-preview .app-shell{max-width:430px!important;box-shadow:0 0 60px #24203a13}
.el-paused .el *{transition:none!important;animation:none!important}
.el-paused .phone-content:has(.el){scroll-behavior:auto!important}
.el button:focus-visible,.el summary:focus-visible{outline:3px solid #a295f9;outline-offset:3px}
.el-mobile-preview .el-page{display:flex;flex-direction:column;padding:30px 20px 42px;gap:22px;min-height:0}
.el-mobile-preview .el-copy{width:100%;order:1}.el-mobile-preview .el-visual{width:100%;height:380px;order:0}
.el-mobile-preview .el h1,.el-mobile-preview .el h2{font-size:29px}.el-mobile-preview .el-desc{font-size:14px}.el-mobile-preview .el-header-caption{display:none}.el-mobile-preview .el-header{padding:0 18px;height:64px;gap:12px}.el-mobile-preview .el-nav{top:64px;gap:0;padding:0 8px}.el-mobile-preview .el-nav button{padding:0 9px}.el-mobile-preview .el-nav button small{display:none}
.el-mobile-preview .el-hero{padding-top:16px}.el-mobile-preview .el-hero .el-visual{height:355px}.el-mobile-preview .el-kicker{margin-bottom:12px}.el-mobile-preview .el h1,.el-mobile-preview .el h2{margin-bottom:14px}.el-mobile-preview .el-actions{margin-bottom:13px}.el-mobile-preview .el-desc{margin-bottom:17px}
@media(min-width:1500px){.el-page{max-width:1260px;gap:120px}}
@media(max-width:700px){
 .review-bar{padding:0 10px;gap:10px}.review-bar #concept-home{font-size:12px;padding:0}.review-bar #preview-size{display:none}.review-bar>div{margin-left:auto}.el-review-info{font-size:12px}.el-review-info p{left:-110px}
 .el-header{height:62px;padding:0 18px;gap:12px}.el-logo img{width:45px;height:36px}.el-header-caption{display:none}.el-header .el-btn{font-size:12px;gap:5px;padding:9px 12px}.el-header .el-btn span{display:none}.el-header>div{gap:7px}
 .el-nav{top:62px;padding:0 8px;gap:0;justify-content:space-between}.el-nav button{height:39px;padding:0 9px;font-size:12px}.el-nav button small{display:none}
 .el-page,.el-mobile-preview .el-page{display:flex;flex-direction:column;min-height:0;padding:26px 20px 38px;gap:21px;scroll-margin-top:102px}
 .el-copy{width:100%;max-width:520px;order:1}.el-visual,.el-hero .el-visual{width:100%;max-width:520px;height:clamp(330px,95vw,410px);order:0;border-radius:18px}
 .el-hero{padding-top:15px}.el-hero .el-visual{height:clamp(310px,88vw,360px)}
 .el-kicker{font-size:12px;margin-bottom:11px}
 .el h1,.el h2{font-size:clamp(27px,7.3vw,34px);line-height:1.3;margin:0 0 14px;letter-spacing:-.055em}
 .el-desc{font-size:14px;line-height:1.8;margin-bottom:19px}.el-actions{gap:8px;margin-bottom:13px}.el-actions>.el-btn{width:100%;min-height:48px;font-size:14px;justify-content:space-between;padding:12px 18px}.el-text-btn{font-size:12px;min-height:32px;padding:4px 0}
 .el-proof{margin-bottom:9px;font-size:12px}.el-detail summary{font-size:12px}.el-detail p{font-size:13px}
 .el-demo{left:14px;right:14px;bottom:40px;padding:12px 13px;border-radius:12px}.el-demo-head{margin-bottom:8px;gap:6px}.el-demo-head strong{font-size:12px}.el-demo-head small{font-size:12px}.el-demo-head .ico-c{width:20px!important;height:20px!important}
 .el-steps>span{font-size:12px;padding:7px 6px;gap:4px}.el-steps{gap:5px}.el-version{padding-top:8px;margin-top:6px}.el-demo-rows>span{padding:6px;font-size:12px}
 .el-visual-top{top:12px;left:14px;right:14px}.el-visual-top>span{font-size:12px!important;letter-spacing:.025em;padding:5px 7px}.el-visual-top .char{width:32px!important;height:32px!important}
 .el-demo-controls{bottom:0;left:14px;right:14px}.el-demo-controls button{height:38px}.el-condition-options{margin-bottom:8px}.el-example{font-size:12px}
 .el-hero .el-demo-head{display:none}.el-hero .el-demo{bottom:37px;padding:10px}.el-hero .el-steps>span{flex-direction:row;align-items:center;gap:5px;padding:7px 5px}.el-hero .el-steps>span:after{display:none}
 .visual-4 .el-version{display:none}.visual-4 .el-demo-head{margin-bottom:4px}
 .visual-7 .el-demo-head{display:none}.visual-7 .el-demo{padding:10px}
 .visual-7 .el-steps>span{flex-direction:row;gap:5px;align-items:center;padding:7px 5px}.visual-7 .el-steps>span:after{display:none}
 .el-bottom{padding:23px 20px}
}
@media(max-width:350px){.el-nav button{padding:0 6px}.el-page{padding-left:16px;padding-right:16px}.el h1,.el h2{font-size:25px}.el-desc{font-size:13px}.el-visual-top>span{font-size:12px!important}.el-demo-head small{display:none}.el-proof{align-items:flex-start}.el-review-info{display:none}}
@media(prefers-reduced-motion:reduce){.el *{animation:none!important;transition:none!important}.editorial-mode .phone-content:has(.el){scroll-behavior:auto}}

/* Reviewed update: income dashboard, agency roster and visible approval lock. */
.el-studio-lock{display:flex;align-items:center;gap:6px;font-size:12px;color:#533afd}.el-studio-lock span{margin-left:auto;color:#756a85}.el-studio-tools{display:flex;gap:6px;margin-top:12px}.el-studio-tools button{flex:1;min-height:38px;border:1px solid #e5def4;border-radius:7px;background:white;font-size:12px;color:#655874;padding:5px}.el-studio-tools button[aria-pressed=true]{background:#533afd;border-color:#533afd;color:#fff}.el-studio-status{font-size:12px;line-height:1.6;margin:10px 0 0;color:#625570}.visual-6>img{object-position:center 15%}.visual-6 .el-example{font-size:12px;margin-top:5px}
.el-lock-badge{position:absolute;left:22px;top:32%;z-index:3;display:flex;align-items:center;gap:12px;background:#fffffff2;border:1px solid #fff;border-radius:15px;padding:13px 16px;box-shadow:0 8px 28px #29213815;color:#67577f;font-size:12px;line-height:1.6}
.el-lock-badge b{color:#533afd;font-size:14px}.el-lock-icon{width:30px;height:36px;display:block;position:relative;flex:none}
.el-lock-icon:before{content:'';position:absolute;width:18px;height:19px;border:3px solid #533afd;border-radius:12px 12px 0 0;top:0;left:6px}
.el-lock-icon:after{content:'';position:absolute;width:30px;height:23px;background:#533afd;border-radius:6px;bottom:0;left:0}
.el-lock-icon i{position:absolute;z-index:1;width:4px;height:8px;background:#fff;border-radius:4px;left:13px;top:21px}
.visual-4{background:#e7e8e3}.visual-4>img{height:85%;object-position:50% 85%}
.el-money-total{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#756a85;font-size:12px}.el-money-total b{font-size:26px;letter-spacing:-.05em;color:#533afd;white-space:nowrap}
.el-bar-chart{display:flex;gap:14px;align-items:end;height:115px;margin-top:9px;padding:0 14px}
.el-bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;gap:5px;align-items:center;font-size:12px;color:#797183}
.el-bar-chart i{display:block;width:100%;max-width:70px;height:calc(var(--bar) * .60);background:#b2a5ef;border-radius:4px 4px 0 0;transition:background .7s}
.el-bar-chart>div:last-child i{background:#533afd}.el-bar-chart b{font-size:12px;font-weight:500;color:#756b8b}
.el-money-note{font-size:12px;display:flex;justify-content:space-between;gap:7px;padding-top:9px;margin-top:8px;border-top:1px solid #e7e1ef;color:#786c85}.el-money-note>b{color:#533afd;font-weight:500;white-space:nowrap}
.el-money-panel .el-example{font-size:12px;margin-top:6px}
.el-roster-cols{display:flex;justify-content:space-between;font-size:12px;color:#8b8196;padding:0 2px 7px}
.el-roster-row{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;padding:8px 7px;border-radius:7px;width:100%;text-align:left;transition:background .5s}
.el-roster-row[aria-pressed=true]{background:#eee9ff;border-color:#e1d8fb}.el-roster-row>img{width:34px;height:39px;object-fit:cover;object-position:50% 25%;border-radius:5px;flex:none}
.el-roster-row>span{display:flex;flex-direction:column;gap:4px;flex:1}.el-roster-row b{font-size:12px;font-weight:600;color:#4c3c67}.el-roster-row small{font-size:12px;color:#867992}
.el-roster-row em{font-size:12px;font-style:normal;color:#67517e;white-space:nowrap}
.el-roster-detail{font-size:12px;line-height:1.6;padding-top:9px;border-top:1px solid #e9e3ee;margin:8px 0 0;color:#66577c}
.visual-5{background:#fff}.visual-5>img{object-position:50% 5%;transform:translateY(-55px)}.visual-5 .el-demo{padding:14px 16px}
.el-roster-row{padding:4px 7px;min-height:40px}.el-roster-row>span{gap:0}.el-roster-row small{line-height:1.3}.el-roster-row>img{width:28px;height:32px}.el-roster-cols{display:none}.el-roster .el-demo-head{margin-bottom:6px}.el-roster-detail{padding-top:5px;margin-top:4px;line-height:1.3}.el-roster .el-example{margin-top:5px;line-height:1.3}
.visual-7>img{object-position:50% 15%}
.visual-6{background:#eeebf5}.visual-6>img{height:calc(100% - 170px);object-position:50% 50%}.visual-6 .el-demo{bottom:36px}
@media(max-width:700px){.visual-6{height:520px}.visual-6>img{height:330px}.visual-6 .el-demo{bottom:36px}}
/* Keep the model portrait clear; the income dashboard has its own lower area. */
.visual-4{height:670px;background:#eef0eb}.visual-4>img{height:360px;object-position:50% 75%}.visual-4 .el-demo{bottom:26px;left:22px;right:22px}.visual-4 .el-bar-chart{height:92px}
.visual-4:after{display:none}
.el-mobile-preview .visual-4{height:535px}.el-mobile-preview .visual-4>img{height:310px}
@media(max-width:700px){.visual-4{height:535px}.visual-4>img{height:310px;object-position:50% 30%}.visual-4 .el-demo{bottom:36px;left:14px;right:14px;padding:12px}.visual-4 .el-bar-chart{height:78px}}
@keyframes el-panel-in{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes el-graph-grow{from{transform:scaleY(.04)}to{transform:scaleY(1)}}
@keyframes el-lock-confirm{0%,100%{box-shadow:0 0 0 0 #533afd00}35%{box-shadow:0 0 0 9px #533afd15}}
.el-page.in-view .el-demo{animation:el-panel-in .65s ease both}
.el-page.in-view .el-bar-chart i{transform-origin:bottom;animation:el-graph-grow 1.1s cubic-bezier(.2,.7,.3,1) both}
.el-page.in-view .el-bar-chart>div:nth-child(2) i{animation-delay:.15s}.el-page.in-view .el-bar-chart>div:nth-child(3) i{animation-delay:.3s}
.el-page.in-view .el-lock-badge{animation:el-lock-confirm 3.6s ease infinite}
.el-page .el-bar-chart>div{transition:opacity .5s}.el-page[data-step="0"] .el-bar-chart>div:not(:nth-child(1)),.el-page[data-step="1"] .el-bar-chart>div:not(:nth-child(2)),.el-page[data-step="2"] .el-bar-chart>div:not(:nth-child(3)){opacity:.55}
.el-demo-rows>span,.el-studio-status{animation:el-panel-in .45s ease both}
.el-paused .el *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.el *{animation:none!important;transition:none!important}}
@media(max-width:700px){
 .el-lock-badge{left:15px;top:28%;padding:10px 12px;gap:10px}.el-lock-badge b{font-size:12px}.el-lock-icon{transform:scale(.85)}
 .el-money-total b{font-size:22px}.el-bar-chart{height:74px;gap:18px;margin-top:5px;padding:0 12px}.el-bar-chart>div{gap:3px}.el-bar-chart i{height:calc(var(--bar) * .5)}
 .el-money-note{padding-top:6px;margin-top:5px;font-size:12px}.el-money-panel .el-example{font-size:12px;margin-top:4px}
 .visual-4>img{height:285px;object-position:50% 60%}.visual-4 .el-demo{bottom:24px;padding:11px 12px}.visual-4 .el-demo-controls{bottom:-5px}
 .visual-5{height:430px}.visual-5>img{object-position:50% 0}
 .visual-5 .el-demo{left:14px;right:14px;bottom:36px;padding:10px 12px}
 .el-roster-row{padding:3px 5px;gap:8px;min-height:40px}.el-roster-row>img{width:26px;height:29px}.el-roster-row>span{gap:0}.el-roster-row small{line-height:1.3}.el-roster-detail{padding-top:4px;margin-top:3px;line-height:1.3}.el-roster .el-example{font-size:12px;margin-top:4px;line-height:1.3}.el-roster .el-demo-head{margin-bottom:6px}
 .el-roster-cols{display:none}
}
/* Selected tied-hair portrait: keep the crown and face inside the photo crop. */
.el #el-income .visual-4>img{object-position:50% 0}

/* Photo-native product demonstrations: no cards, no timed phase carousel. */
.el .el-visual,.el-mobile-preview .el .el-visual{height:620px;background:#292735}
.el .el-visual>img,.el-mobile-preview .el .el-visual>img{height:100%;width:100%;transform:none;object-position:50% 15%;transition:opacity .35s}
.el .visual-4>img{object-position:50% 0!important}
.el .el-visual:after{display:block;content:'';inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,12,26,.14) 0%,transparent 24%,transparent 38%,rgba(14,12,26,.52) 62%,rgba(14,12,26,.94) 100%);pointer-events:none}
.el .el-demo,.el-mobile-preview .el .el-demo{left:25px;right:25px;bottom:24px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;color:white;animation:none}
.el .el-visual-top>span{background:none;color:#fff;padding:0;text-shadow:0 1px 7px #171123;letter-spacing:.08em}
.el .el-visual-top{top:21px}
.el .el-demo-head,.el .el-demo-controls,.el .el-steps{display:none}
.app-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:11px;margin-bottom:14px;border-bottom:1px solid #ffffff40;font-size:12px}
.app-head strong{font-weight:600;letter-spacing:.035em;font-size:15px}.app-head>span{color:#e0daed;font-size:12px}
.el h3.app-headline{font-size:27px;color:#fff;line-height:1.4;font-weight:500;margin:12px 0 18px;letter-spacing:-.05em}
.app-meta{display:flex;gap:15px;flex-wrap:wrap;color:#f3efff;font-size:12px}
.app-meta>span+span{border-left:1px solid #ffffff50;padding-left:15px}
.app-eyebrow{font-size:12px;color:#e1d8fc}.app-request h3{font-size:20px;line-height:1.4;margin:10px 0 16px;color:white}
.el .app-action{display:block;border:0;border-bottom:1px solid #b7a8ff;background:none;padding:12px 0 8px;color:#e2d9ff;font-size:13px;font-weight:600;min-height:44px;text-align:left;cursor:pointer}
.app-offer-detail{font-size:12px;line-height:1.65;color:#fff;margin:10px 0 0}
.el .el-condition-options button,.el .el-studio-tools button{background:none;border:1px solid #bdb2d1;color:white;border-radius:5px;min-height:44px;font-size:12px}
.el .el-condition-options button[aria-pressed=true],.el .el-studio-tools button[aria-pressed=true]{background:#533afd;border-color:#8f7fff}
.el .el-condition-output{padding:8px 0 12px;border-bottom:1px solid #ffffff28;color:#e6e0f3}
.el .el-condition-output b{color:#fff}
.app-field{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;color:#ede8f5}
.app-field label{display:flex;align-items:center;gap:10px}.app-field select{font:inherit;color:white;background:#282336;border:1px solid #877e99;padding:7px;border-radius:4px}.app-field b{margin-left:9px}
.app-live{color:#d2c5ff;font-size:13px;margin:0}.el .el-example{color:#d4cce0;line-height:1.5;font-size:12px;margin-top:10px}
.app-approval>span{font-size:12px;color:#ddd5eb}.app-approval>span b{margin-left:8px;color:#fff}
.app-approval-state{display:block;font-size:19px;line-height:1.45;margin-top:8px;color:white}
.app-approval p{font-size:12px;color:#e2d9f1;line-height:1.7;margin:8px 0}
.el .el-lock-badge{background:none;border:0;box-shadow:none;left:auto;right:22px;top:23%;padding:0;color:white;animation:none!important;text-shadow:0 1px 6px #241b37}
.el .el-lock-badge b{color:#fff}.el .el-lock-icon:before{border-color:#fff}.el .el-lock-icon:after{background:#fff}.el .el-lock-icon i{background:#533afd}
.el .el-money-total{color:#e9e1f5;align-items:end}.el .el-money-total b{color:#fff;font-size:34px;font-weight:600}
.app-revenue-chart{width:100%;height:78px;overflow:visible;margin-top:13px;display:block;fill:#d0c2ff}
.chart-guide{stroke:#ffffff35;stroke-width:1;fill:none}.revenue-line,.revenue-arrow{fill:none;stroke:#c3afff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.revenue-line{stroke-dasharray:340;stroke-dashoffset:0}.el-page.in-view .revenue-line{animation:revenue-draw 1.5s ease-out both}
@keyframes revenue-draw{from{stroke-dashoffset:340}to{stroke-dashoffset:0}}
.app-chart-labels{display:flex;justify-content:space-between;font-size:12px;color:#ede6f8}
.app-settlement{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff30;padding-top:12px;margin-top:14px;font-size:12px;color:#e2d9ed}.app-settlement b{display:block;color:white;font-size:15px;font-weight:500;margin-top:4px}
.el .el-roster-row{border:0;border-bottom:1px solid #ffffff28;border-radius:0;padding:8px 0;min-height:48px;gap:10px;background:none}
.el .el-roster-row[aria-pressed=true]{background:none;box-shadow:inset 3px 0 #ac97ff;padding-left:9px}
.el .el-roster-row>img{width:32px;height:38px;border-radius:3px}.el .el-roster-row b{color:white}.el .el-roster-row small{color:#d9d0e7}.el .el-roster-row em{color:#ddd0ff;font-size:12px}
.el .el-roster-detail{border:0;padding-top:9px;font-size:12px;color:#e4d9ff;line-height:1.6;margin:0}
.el .el-studio-lock{color:#e1d5ff}.el .el-studio-lock span{color:#d5cede}
.el .el-studio-tools{gap:8px;margin-top:15px}.el .el-studio-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px;min-height:65px}.el-studio-tools button>span{font-size:21px;line-height:1}
.el .el-studio-status{color:white;line-height:1.6;min-height:38px;animation:none}
.el .visual-6>img{object-position:50% 30%}
.el .visual-6:has([data-demo-step="1"][aria-pressed=true]){outline:1px solid #ad9aff}
.el .el-roster .el-example{line-height:1.5}
@media(max-width:700px){
 .el .el-visual,.el .el-hero .el-visual,.el-mobile-preview .el .el-visual{height:510px}
 .el .el-demo,.el-mobile-preview .el .el-demo{left:19px;right:19px;bottom:20px}
 .el .el-visual>img{object-position:50% 5%}
 .el .visual-4>img{object-position:50% 0!important}
 .el .visual-6>img{object-position:50% 30%}
 .el .el-visual-top{left:19px;right:19px;top:17px}
 .el .el-visual-top>span{font-size:11px!important}
 .app-head{margin-bottom:11px}.app-head strong{font-size:14px}.app-head>span{font-size:12px}
 .el h3.app-headline{font-size:24px}.el .el-money-total b{font-size:30px}
 .el .el-lock-badge{right:17px;top:26%;gap:7px;font-size:12px}
 .app-approval-state{font-size:18px}.app-request h3{font-size:19px}
}
.el-mobile-preview .el .el-visual{height:510px}
.el .visual-4 .app-head{margin-bottom:8px;padding-bottom:8px}
.el .visual-4 .app-revenue-chart{height:48px;margin-top:8px}
.el .visual-4 .app-settlement{padding-top:8px;margin-top:8px}
.el .visual-4 .app-settlement b{display:inline;font-size:13px;margin-left:5px}
.el .visual-4 .el-example{margin-top:8px}
.el .visual-4 .el-money-total b{font-size:28px}
.el .visual-6 .app-head{margin-bottom:8px;padding-bottom:8px}
.el .visual-6 .el-studio-tools{margin-top:10px}
.el .visual-6 .el-studio-tools button{min-height:56px;padding:7px}
.el .visual-6 .el-studio-status{min-height:0;margin-top:8px}
.el .visual-6 .el-example{margin-top:7px}
.el .visual-2 .app-head{padding-bottom:7px;margin-bottom:8px}
.el .visual-2 .el-condition-options{margin-bottom:6px}
.el .visual-2 .el-condition-output{display:none}
.el .visual-2 .app-field{padding:8px 0}
.el .visual-2 .el-example{margin-top:7px}
.el .visual-5:after{background:linear-gradient(180deg,rgba(14,12,26,.1),transparent 28%,rgba(14,12,26,.32) 46%,rgba(14,12,26,.7) 63%,rgba(14,12,26,.95))}
.el .el-lock-badge{top:43%;right:20px}
.el .el-visual:after{display:none;background:none}
.el-detail-app{max-width:none}
.el .el-detail-app>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;color:#4530c6;font-size:14px;font-weight:600;min-height:52px;padding:10px 0}
.el-detail-app>summary::-webkit-details-marker{display:none}
.app-expand{font-size:24px;line-height:1;font-weight:400;flex:none;width:24px;text-align:center}
.el-detail-app[open] .app-expand{font-size:0}
.el-detail-app[open] .app-expand:after{content:'−';font-size:24px}
.el .el-detail-app>p{font-size:13px;line-height:1.85;color:#303d5c;margin:4px 0 18px}
.app-window{background:#201b30;color:#fff;border:1px solid #40374f;border-radius:14px;overflow:hidden;margin:16px 0 4px;box-shadow:0 8px 24px #251b3412}
.app-window-bar{padding:13px 17px;background:#2e263e;border-bottom:1px solid #514563;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}
.app-window-bar small{font-size:12px;font-weight:400;color:#cfc5e1}
.el .app-window .el-demo,.el-mobile-preview .el .app-window .el-demo{position:relative;inset:auto;padding:20px;background:none;backdrop-filter:none;border:0;box-shadow:none;border-radius:0}
.el .app-window p{color:#eee7f8}
.el .app-window .app-headline{font-size:24px}
.el .app-window .app-head{margin-bottom:14px}
.app-studio-preview{display:block;width:100%;height:280px;object-fit:cover;object-position:50% 30%}
.el .app-window .el-studio-status{min-height:0}
.el .app-window .app-revenue-chart{height:68px}
.el .app-window .el-money-total{flex-wrap:wrap}
.el .app-window .el-money-total b{font-size:28px}
.el .app-window .app-settlement b{font-size:14px}
.el .el-visual{pointer-events:none}
.el .app-question{color:#4530c6;font-size:14px;font-weight:600;line-height:1.65;min-height:52px;padding:14px 0 10px;margin:0}
.app-data-rows{margin:15px 0 0;font-size:12px}
.app-data-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff20;padding:11px 0;line-height:1.55}
.app-data-rows dt{color:#cfc6df;flex:1}.app-data-rows dd{color:#fff;margin:0;text-align:right;max-width:64%;font-weight:500;word-break:keep-all}
.app-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;padding:16px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
.app-kpis>span{font-size:12px;color:#d8cfe7}.app-kpis b{display:block;font-size:24px;color:#fff;font-weight:600;line-height:1.4;margin-top:5px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.app-kpis-two{grid-template-columns:1fr 1fr}.app-kpis-two b{font-size:23px}
.app-section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#f5f0ff;margin:24px 0 12px}
.app-section-label>span{font-size:12px;font-weight:400;color:#cfc5e0}.app-section-label>strong{font-size:13px;color:#c9b8ff}
.app-photo-strip{display:flex;gap:13px;align-items:center}.app-photo-strip>img{width:64px;height:80px;object-fit:cover;border-radius:6px}.app-photo-strip>span{display:flex;flex-direction:column;gap:5px;font-size:13px}.app-photo-strip small{font-size:12px;color:#d3c9e1;line-height:1.5}
.app-growth{color:#c8b9ff;font-size:14px;font-weight:600;margin-top:10px}.app-growth>span{display:block;color:#c4bbd3;font-size:12px;font-weight:400;margin-top:4px}
.app-goal-meter{height:8px;background:#4a405d;border-radius:4px;overflow:hidden}.app-goal-meter>i{display:block;width:100%;height:100%;background:#a88aff;transform-origin:left}
.el .app-window .app-goal-caption{font-size:12px;color:#d6cce7;line-height:1.6;margin:8px 0}
.app-month-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:145px;margin-top:20px}
.el .app-month-bars button{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 3px;background:none;border:0;color:#cfc5df;min-width:0;font-size:12px}
.app-month-bars b{font-size:12px;font-weight:500}.app-month-bars i{height:var(--income-height);width:100%;max-width:38px;background:#7965a4;border-radius:4px 4px 0 0;transform-origin:bottom;transition:background .2s}
.app-month-bars button[aria-pressed=true]{color:#fff}.app-month-bars button[aria-pressed=true] i{background:#b19aff}.app-month-bars button[aria-pressed=true] b{font-weight:700}
.el .app-window .app-month-detail{font-size:13px;color:#d9caff;margin:13px 0 0}
.el-page.in-view .app-month-bars i{animation:app-bar-rise 1.1s ease both}.el-page.in-view .app-goal-meter>i{animation:app-bar-wide 1.2s ease both}
@keyframes app-bar-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes app-bar-wide{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:380px){.app-data-rows>div{gap:9px}.app-kpis-two b{font-size:21px}.app-section-label{flex-wrap:wrap}}

}