/* DeskJoey V4.5 marketing homepage. Scoped to .dj45; no changes to app CSS. */
.dj45{--d45-navy:#0b2545;--d45-ink:#112743;--d45-muted:#617084;--d45-aqua:#0ab9b0;--d45-line:#e0e9ee;--d45-bg:#f5f9fa;background:#fff;color:var(--d45-ink);overflow:hidden}
.dj45 *{box-sizing:border-box}
.dj45 h1,.dj45 h2,.dj45 h3{font-family:Manrope,Inter,system-ui,sans-serif;letter-spacing:-.052em;line-height:1.12}
.dj45 p{color:var(--d45-muted)}
.dj45 .container{max-width:1200px;width:calc(100% - 48px);margin:0 auto}
.dj45-hero{position:relative;background:radial-gradient(circle at 76% 27%,#daf7f3 0%,transparent 38%),radial-gradient(circle at 5% 5%,#eff8fa 0%,transparent 40%),linear-gradient(160deg,#fff 0%,#f5fafa 85%);padding:84px 0 87px}
.dj45-hero-grid{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:47px;align-items:center;position:relative}
.dj45-kicker,.dj45-eyebrow{color:#008f92;font-weight:800;font-size:11px;letter-spacing:.15em;line-height:1.4}
.dj45-kicker{display:inline-flex;align-items:center;gap:10px;color:#20616b;background:#e9f9f7;border:1px solid #c9eeea;border-radius:999px;padding:9px 15px;letter-spacing:.09em}
.dj45-kicker-dot{width:7px;height:7px;border-radius:50%;background:#10bbad;box-shadow:0 0 0 4px #b9ece6}
.dj45-hero h1{font-size:clamp(58px,5.5vw,84px);margin:25px 0 22px;font-weight:800;color:#0b2545;line-height:1.05}
.dj45-hero h1 span,.dj45-custom h2 span,.dj45-section-heading h2 span,.dj45-faq h2 span{color:#079fa4}
.dj45-hero-lead{max-width:540px;font-size:18px;line-height:1.75;margin:0 0 29px}
.dj45-hero-lead strong{font-weight:750;color:var(--d45-ink)}
.dj45-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
.dj45-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:51px;padding:0 23px;border-radius:12px;font-weight:800;font-size:13px;letter-spacing:-.01em;transition:transform .15s,box-shadow .15s}
.dj45-button:hover{transform:translateY(-2px)}
.dj45-button-primary{background:#0b2545;color:#fff;box-shadow:0 12px 25px rgba(11,37,69,.14)}
.dj45-button-primary:hover{color:#fff;box-shadow:0 15px 26px rgba(11,37,69,.21)}
.dj45-button-outline{color:#13334b;border:1px solid #cddde0;background:rgba(255,255,255,.8)}
.dj45-small-note{font-size:12px!important;margin:14px 0 27px;color:#657a85!important}
.dj45-hero-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px}
.dj45-hero-chips span{font-weight:750;color:#68808a;margin-right:4px}
.dj45-hero-chips a{border:1px solid #d4e7e8;color:#3a6370;background:#fff;border-radius:999px;padding:7px 11px;font-weight:650}
.dj45-hero-chips a:hover{border-color:#11b2aa;color:#007f83}
.dj45-hero-visual{position:relative;min-width:0;padding:25px 9px 23px 0}
.dj45-glow{position:absolute;inset:0;border-radius:40%;background:radial-gradient(circle at 65% 50%,rgba(17,193,183,.18),transparent 65%);filter:blur(30px)}
.dj45-product{position:relative;z-index:1;background:#fff;border:1px solid #d7e6ea;border-radius:19px;box-shadow:0 27px 70px rgba(11,37,69,.17),0 0 0 7px rgba(255,255,255,.4);overflow:hidden;transform:rotate(-1.2deg);min-height:365px}
.dj45-product-bar{height:54px;padding:0 20px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #ecf1f4;background:#fff}
.dj45-product-brand{display:flex;align-items:center;font-weight:900;font-size:16px;letter-spacing:-.05em;color:#0b2545;white-space:nowrap}
.dj45-product-brand img{margin-right:8px}.dj45-product-brand span{color:#029f9d}
.dj45-product-demo{font-size:9px;letter-spacing:.11em;font-weight:800;color:#80929d}
.dj45-product-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#daf3ef;color:#006f70;font-weight:800;font-size:12px}
.dj45-product-frame{display:grid;grid-template-columns:57px minmax(0,1fr);min-height:310px}
.dj45-product-side{background:#0d2746;display:flex;flex-direction:column;align-items:center;padding-top:25px;gap:22px;color:#889baa;font-size:20px}
.dj45-product-side .is-active{background:#1a5b66;color:#5ee4d7;width:35px;height:35px;text-align:center;padding:2px 0;border-radius:9px}
.dj45-product-main{padding:24px 18px 20px 23px;min-width:0}
.dj45-product-greeting{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
.dj45-product-greeting small{display:block;font-size:9px;letter-spacing:.11em;color:#79909b;font-weight:800;margin-bottom:6px}
.dj45-product-greeting strong{display:block;font-size:18px;line-height:1.1;color:#152e45;letter-spacing:-.04em}
.dj45-product-greeting strong span{color:#f5bb3f}
.dj45-product-plus{background:#06aaa9;padding:7px 12px;border-radius:8px;font-size:10px;color:#fff;font-weight:800;white-space:nowrap}
.dj45-product-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px}
.dj45-product-metrics>div{min-width:0;border:1px solid #e3edef;border-radius:10px;padding:12px 9px;background:#fcfdfd}
.dj45-product-metrics small,.dj45-product-metrics span{display:block;font-size:9px;color:#80919f;line-height:1.4}
.dj45-product-metrics strong{display:block;font-size:23px;line-height:1.3;color:#153149}
.dj45-product-lower{display:grid;grid-template-columns:1.4fr .9fr;gap:11px}
.dj45-product-schedule,.dj45-product-team{border:1px solid #e3edef;border-radius:10px;padding:12px;min-width:0}
.dj45-product-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:13px}.dj45-product-card-head strong{font-size:11px;color:#1c344b}.dj45-product-card-head span{font-size:8px;color:#138d93;white-space:nowrap}
.dj45-slot{display:flex;align-items:center;gap:7px;margin-bottom:12px}.dj45-slot:last-child{margin-bottom:0}.dj45-slot>span{font-size:8px;color:#82939f;width:25px}.dj45-slot-bar{width:3px;height:28px;border-radius:3px;background:#0aaeb2;flex:none}.dj45-slot-bar.green{background:#42b885}.dj45-slot-bar.purple{background:#897de3}.dj45-slot>div{min-width:0}.dj45-slot strong,.dj45-slot small{display:block;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj45-slot small{font-size:8px;color:#8696a4;margin-top:3px}
.dj45-rota-avatars{display:flex;margin:0 0 20px}.dj45-rota-avatars b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dfebfa;color:#436888;font-size:9px;margin-right:-4px;border:2px solid #fff}.dj45-rota-avatars b:nth-child(2){background:#f5e0cf;color:#af7747}.dj45-rota-avatars b:nth-child(3){background:#d8f4e9;color:#45957c}
.dj45-rota-line{display:flex;align-items:center;gap:6px;margin:9px 0}.dj45-rota-line span{font-size:8px;color:#8a9aa6;width:23px}.dj45-rota-line i{flex:1;height:6px;border-radius:99px;background:linear-gradient(90deg,#17b7b3 85%,#edf5f4 85%)}.dj45-rota-line i.short{background:linear-gradient(90deg,#17b7b3 56%,#edf5f4 56%)}.dj45-rota-line strong{font-size:8px;color:#527582;white-space:nowrap}
.dj45-float{position:absolute;z-index:2;background:#fff;border:1px solid #e1eeee;border-radius:12px;display:flex;gap:9px;align-items:center;padding:11px 15px;box-shadow:0 12px 32px rgba(19,55,79,.13)}
.dj45-float>span{background:#dcf7f1;color:#00877d;display:grid;place-items:center;width:33px;height:33px;border-radius:9px;font-size:17px;font-weight:900}
.dj45-float strong,.dj45-float small{display:block;white-space:nowrap}.dj45-float strong{font-size:11px;color:#173750}.dj45-float small{font-size:9px;color:#8696a0}.dj45-float-top{right:-10px;top:-6px}.dj45-float-bottom{left:-25px;bottom:-8px}
.dj45-strip{background:#0d2947;color:#fff;padding:19px 0}.dj45-strip-content{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}.dj45-strip-content>span{color:#6dded3;letter-spacing:.13em;font-size:10px;font-weight:800;margin-right:10px}.dj45-strip-content b{font-size:12px;font-weight:650;color:#dce8f0}.dj45-strip-content i{width:4px;height:4px;background:#4397a4;border-radius:50%}
.dj45-section{padding:96px 0}.dj45-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.dj45-section-heading>div{max-width:675px}.dj45-section-heading h2,.dj45-custom h2,.dj45-faq h2{font-size:clamp(32px,4vw,49px);font-weight:800;margin:12px 0 0;color:#0c2846}.dj45-section-heading>p{font-size:14px;max-width:340px;margin:0 0 5px;line-height:1.75}
.dj45-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.dj45-feature{border:1px solid #e5ecef;border-radius:16px;padding:27px 25px;background:#fff;min-height:234px;display:flex;flex-direction:column;box-shadow:0 4px 24px rgba(12,42,70,.025);transition:transform .15s,border-color .15s}
.dj45-feature:hover{transform:translateY(-3px);border-color:#b1dedd}.dj45-feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;font-size:23px;font-weight:800;color:#077e83;background:#dff7f4;margin-bottom:21px}
.dj45-feature-icon.violet{background:#ece7fc;color:#7f68cb}.dj45-feature-icon.peach{background:#fff1df;color:#bc8143}.dj45-feature-icon.blue{background:#e3effe;color:#3e79bd}.dj45-feature-icon.green{background:#e4f5e8;color:#3b9265}.dj45-feature-icon.pale{background:#e4f8f7;color:#129b9c}
.dj45-feature h3{font-size:17px;font-weight:850;color:#102c48;margin-bottom:9px;letter-spacing:-.04em}.dj45-feature p{font-size:13px;line-height:1.72;margin-bottom:18px}.dj45-feature-caption{font-size:9px;color:#3c9a9c;font-weight:850;letter-spacing:.09em;margin-top:auto}
.dj45-feature-note{font-size:11px;text-align:center;margin:23px auto 0;max-width:850px;color:#80909a!important;line-height:1.6}
.dj45-custom{background:#f3f8fa}.dj45-custom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.dj45-custom h2{margin-bottom:20px}.dj45-custom-copy>p{font-size:15px;line-height:1.85;max-width:455px}.dj45-ticks{list-style:none;padding:6px 0 4px;margin:15px 0 25px}.dj45-ticks li{display:flex;align-items:center;gap:11px;font-size:13px;color:#263f54;margin:14px 0}.dj45-ticks li>span{display:grid;place-items:center;border-radius:100%;background:#d9f4ee;color:#058e82;width:23px;height:23px;font-size:12px;font-weight:900;flex:none}.dj45-inline-link{display:inline-flex;align-items:center;gap:12px;color:#008d8c;font-size:13px;font-weight:850;border-bottom:1px solid #008d8c;padding-bottom:4px}
.dj45-selector{background:#fff;border-radius:19px;border:1px solid #d9e7ea;padding:27px;box-shadow:0 23px 55px rgba(13,48,71,.09)}.dj45-selector-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #ecf0f2;padding-bottom:15px;font-size:9px;color:#738995;font-weight:800;letter-spacing:.09em}.dj45-selector-dots{color:#d5e3e8;letter-spacing:.3em}.dj45-selector h3{font-size:22px;margin:26px 0 9px;color:#102d48}.dj45-selector>p{font-size:12px;margin:0 0 19px}.dj45-selector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:19px}.dj45-selector-tab{cursor:pointer;border:1px solid #e3eaee;border-radius:10px;background:#fff;padding:11px 5px;font:750 12px Inter,system-ui,sans-serif;color:#5d7180;transition:background .15s}.dj45-selector-tab:hover{border-color:#5dcfc8}.dj45-selector-tab.active{color:#087d7c;background:#e5f8f5;border-color:#a7e6df}.dj45-selector-tab:focus-visible{outline:3px solid #07b7aa;outline-offset:2px}.dj45-selector-panel{background:#f7fafb;border:1px solid #e6edf0;border-radius:13px;padding:18px}.dj45-selector-panel-head{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:13px}.dj45-selector-panel-head small{display:block;font-size:9px;letter-spacing:.09em;color:#8b9ba3;font-weight:800;margin-bottom:5px}.dj45-selector-panel-head strong{font-size:14px;color:#203c54}.dj45-active-count{border-radius:99px;background:#def3ed;color:#087968;font-weight:800;font-size:9px;padding:6px 9px;white-space:nowrap}.dj45-tool-list{display:grid;gap:8px}.dj45-tool-list>div{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e8edef;border-radius:9px;padding:10px;font-size:12px;font-weight:750;color:#284253}.dj45-tool-list>div>span{font-size:17px;width:24px;text-align:center;color:#199d9c}.dj45-tool-list b{margin-left:auto;color:#22967c;font-size:10px;white-space:nowrap}.dj45-selector-foot{font-size:10px;color:#9baab1;margin-top:14px}
.dj45-heading-center{display:block;text-align:center}.dj45-heading-center>div,.dj45-heading-center>p{margin-left:auto;margin-right:auto}.dj45-heading-center>p{max-width:580px;margin-top:15px}.dj45-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dj45-audience-grid article{background:#f7fafb;border:1px solid #e7edf0;border-radius:17px;padding:30px 28px}.dj45-audience-emoji{display:grid;place-items:center;background:#e6f6f3;color:#11938c;border-radius:12px;height:44px;width:44px;font-size:24px}.dj45-audience-grid h3{font-size:20px;margin:19px 0 8px}.dj45-audience-grid p{font-size:13px;line-height:1.75;min-height:75px}.dj45-audience-grid article>span:last-child{display:inline-block;font-size:10px;color:#048f89;font-weight:800;margin-top:6px}
.dj45-process{background:linear-gradient(145deg,#f3faf9,#f9fcfc)}.dj45-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dj45-process-grid article{background:#fff;border:1px solid #e5eff0;padding:31px 27px;border-radius:15px}.dj45-process-grid article>span{font-size:35px;font-weight:900;color:#c6e8e7;letter-spacing:-.07em}.dj45-process-grid h3{font-size:19px;margin:16px 0 8px}.dj45-process-grid p{font-size:13px;line-height:1.75;margin:0}
.dj45-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:50px}.dj45-plan{border:1px solid #e0e8ed;border-radius:18px;padding:30px 25px;position:relative;display:flex;flex-direction:column}.dj45-plan-popular{border:2px solid #0bb3ae;box-shadow:0 14px 45px rgba(6,132,138,.12);padding:29px 24px}.dj45-plan-bubble{position:absolute;top:-13px;left:25px;padding:6px 11px;border-radius:99px;background:#04a9a8;color:#fff;font-weight:800;font-size:9px;letter-spacing:.07em}.dj45-plan-label{font-size:11px;color:#058c88;letter-spacing:.12em;font-weight:850}.dj45-plan h3{font-size:20px;margin:9px 0 27px}.dj45-plan-price{font-size:42px;font-weight:900;letter-spacing:-.07em;color:#102b46}.dj45-plan-price span{font-size:11px;color:#788b97;letter-spacing:0;font-weight:650}.dj45-plan>p{margin-top:5px;font-size:12px;font-weight:700;color:#4f6778}.dj45-plan ul{list-style:none;padding:0;margin:17px 0 30px}.dj45-plan li{font-size:12px;color:#30495c;padding:9px 0 9px 24px;position:relative;border-bottom:1px solid #edf1f2}.dj45-plan li::before{content:'✓';position:absolute;left:0;color:#08a99d;font-weight:900}.dj45-plan-future{font-size:11px;color:#788b97;margin-top:auto}.dj45-plan a{display:block;background:#e6f7f4;color:#007d7b;border-radius:10px;text-align:center;padding:13px;margin-top:18px;font-size:12px;font-weight:850}.dj45-plan-popular a{color:#fff;background:#0aafab}.dj45-pricing-disclaimer{max-width:950px;text-align:center;font-size:11px;line-height:1.7;margin:24px auto 0}
.dj45-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;align-items:start}.dj45-faq-grid>div:first-child>p{font-size:14px;line-height:1.8;margin-top:22px}.dj45-faq-items details{border-bottom:1px solid #e0e9ec;padding:0 0 1px}.dj45-faq-items summary{list-style:none;padding:22px 28px 22px 0;position:relative;color:#17344d;font-size:15px;font-weight:800;cursor:pointer}.dj45-faq-items summary::-webkit-details-marker{display:none}.dj45-faq-items summary::after{content:'+';position:absolute;right:4px;top:18px;font-size:24px;color:#069d99;font-weight:500}.dj45-faq-items details[open] summary::after{content:'–'}.dj45-faq-items p{font-size:13px;line-height:1.8;margin:0 35px 22px 0}
.dj45-bottom-cta{padding:30px 0 80px}.dj45-bottom-panel{border-radius:20px;padding:52px 57px;background:radial-gradient(circle at 85% 30%,rgba(54,212,198,.18),transparent 35%),linear-gradient(115deg,#0a2747,#113f55);display:flex;align-items:center;justify-content:space-between;gap:40px}.dj45-bottom-panel .dj45-eyebrow{color:#77e1d5}.dj45-bottom-panel h2{color:#fff;font-size:clamp(32px,3.8vw,45px);margin:10px 0 12px}.dj45-bottom-panel p{color:#b8d6e0;font-size:14px;margin:0}.dj45-button-light{background:#fff;color:#10364b;white-space:nowrap}.dj45-button-light:hover{color:#10364b}
@media(max-width:1050px){.dj45-hero-grid{gap:22px}.dj45-hero h1{font-size:clamp(51px,6vw,72px)}.dj45-float-top{right:0}.dj45-float-bottom{left:0}.dj45-product-frame{grid-template-columns:44px minmax(0,1fr)}.dj45-product-side{font-size:16px}.dj45-product-main{padding:17px 10px}.dj45-custom-grid{gap:35px}.dj45-product-metrics span{display:none}}
@media(max-width:800px){.dj45 .container{width:calc(100% - 36px)}.dj45-hero{padding:55px 0 70px}.dj45-hero-grid,.dj45-custom-grid{grid-template-columns:1fr;gap:42px}.dj45-hero-copy{max-width:660px}.dj45-hero h1{font-size:clamp(52px,8vw,74px)}.dj45-hero-visual{max-width:650px;margin:0 auto;width:100%;padding:12px 20px}.dj45-section{padding:70px 0}.dj45-section-heading{display:block}.dj45-section-heading>p{max-width:620px;margin-top:18px}.dj45-feature-grid,.dj45-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj45-feature-grid article:last-child,.dj45-plan-grid article:last-child{grid-column:1/-1}.dj45-audience-grid{gap:9px}.dj45-audience-grid article{padding:23px 18px}.dj45-faq-grid{grid-template-columns:1fr;gap:26px}.dj45-bottom-panel{padding:36px;flex-wrap:wrap}.dj45-strip-content>span{width:100%;text-align:center;margin:0}}
@media(max-width:570px){.dj45 .container{width:calc(100% - 34px)}.dj45-hero{padding:45px 0 64px}.dj45-kicker{font-size:9px;padding:8px 11px}.dj45-hero h1{font-size:clamp(48px,12vw,64px);margin:21px 0 17px}.dj45-hero-lead{font-size:15px;line-height:1.72}.dj45-actions{align-items:stretch}.dj45-button{width:100%;min-height:49px}.dj45-small-note{margin:15px 0 23px;font-size:11px!important}.dj45-hero-chips{font-size:10px}.dj45-hero-visual{padding:0 7px 8px}.dj45-product{transform:none;min-height:310px}.dj45-product-bar{height:42px;padding:0 9px}.dj45-product-brand{font-size:12px}.dj45-product-brand img{width:19px;height:19px}.dj45-product-demo{font-size:7px}.dj45-product-frame{grid-template-columns:35px minmax(0,1fr)}.dj45-product-side{padding-top:21px;gap:18px;font-size:12px}.dj45-product-side .is-active{width:25px;height:25px}.dj45-product-main{padding:15px 10px}.dj45-product-greeting strong{font-size:14px}.dj45-product-greeting small{font-size:7px}.dj45-product-plus{font-size:9px;padding:6px 7px}.dj45-product-metrics{gap:5px}.dj45-product-metrics>div{padding:8px 5px}.dj45-product-metrics strong{font-size:17px}.dj45-product-metrics small{font-size:8px}.dj45-product-lower{grid-template-columns:1fr;gap:8px}.dj45-product-team{display:none}.dj45-slot{margin-bottom:8px}.dj45-slot>span{width:35px}.dj45-product-schedule{padding:10px}.dj45-float{padding:7px 9px}.dj45-float-top{right:-5px;top:-10px}.dj45-float-bottom{left:-3px;bottom:-8px}.dj45-float>span{width:24px;height:24px;font-size:12px}.dj45-float strong{font-size:9px}.dj45-float small{font-size:8px}.dj45-strip{padding:16px 0}.dj45-strip-content{gap:7px 13px}.dj45-strip-content b{font-size:10px}.dj45-strip-content i{display:none}.dj45-section{padding:60px 0}.dj45-section-heading{margin-bottom:27px}.dj45-section-heading h2,.dj45-custom h2,.dj45-faq h2{font-size:clamp(32px,8vw,41px)}.dj45-feature-grid,.dj45-audience-grid,.dj45-process-grid,.dj45-plan-grid{grid-template-columns:1fr;gap:11px}.dj45-feature-grid article:last-child,.dj45-plan-grid article:last-child{grid-column:auto}.dj45-feature{padding:22px;min-height:0}.dj45-feature-icon{margin-bottom:13px}.dj45-feature p{margin-bottom:11px}.dj45-selector{padding:17px}.dj45-selector h3{font-size:20px}.dj45-selector-tab{font-size:10px}.dj45-audience-grid article>p{min-height:0}.dj45-plan-grid{margin-top:30px}.dj45-plan{padding:27px 23px}.dj45-plan-popular{padding:26px 22px}.dj45-faq-grid{gap:12px}.dj45-bottom-cta{padding:12px 0 60px}.dj45-bottom-panel{padding:30px 24px;gap:22px}.dj45-bottom-panel .dj45-button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.dj45-button,.dj45-feature{transition:none}.dj45-button:hover,.dj45-feature:hover{transform:none}}