/* Workly case-study editorial layout; scoped to this page. */
.workly-page{--wl-blue:#79b7d8;--wl-panel:#172025}.wl-hero{padding-top:40px;padding-bottom:0}.wl-hero .back-link{display:inline-block;margin-bottom:45px}.wl-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}.wl-hero h1{font-size:clamp(52px,6.1vw,82px);line-height:1.05;letter-spacing:-4px;margin:20px 0 28px}.workly-page em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--wl-blue)}.wl-lead{font-size:20px;color:var(--muted);max-width:420px;margin-bottom:30px}.wl-hero-art{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 100px #72b1d213}.wl-hero-art img{width:100%;display:block}.wl-hero-art>span{display:block;color:#535d6b;font:9px/1.5 'Courier New',monospace;letter-spacing:2px;text-align:center;padding:10px 10px 22px}.wl-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:60px 0 0;padding:26px 0;gap:24px}.wl-facts dt{font:10px/1.5 'Courier New',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:1.4px}.wl-facts dd{font-size:14px;margin:8px 0 0}.wl-jump{position:sticky;top:86px;background:#101111f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:20}.wl-jump nav{display:flex;gap:28px;overflow-x:auto;scrollbar-width:thin}.wl-jump a{font-size:11px;white-space:nowrap;padding:18px 0;color:var(--muted);border-bottom:2px solid transparent}.wl-jump a:hover,.wl-jump a.active{color:var(--wl-blue);border-color:var(--wl-blue)}.wl-story section[id]{scroll-margin-top:160px}.wl-section{padding:92px 0;border-bottom:1px solid var(--line)}.wl-heading{max-width:760px;margin-bottom:36px}.wl-heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;line-height:1.12;margin:18px 0 24px}.wl-heading p{color:var(--muted);max-width:660px;line-height:1.8;margin:0}.wl-split{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.wl-context{border-left:2px solid var(--wl-blue);padding:16px 0 16px 30px}.wl-context>p{font-size:24px;line-height:1.5;letter-spacing:-.5px}.wl-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.wl-tags span{font-size:10px;border:1px solid var(--line);padding:6px 10px;border-radius:30px;color:var(--muted)}.wl-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.wl-problems article{border-top:1px solid #58616c;padding-top:24px}.wl-problems article>span,.wl-number{color:var(--wl-blue);font:11px/1.6 'Courier New',monospace;letter-spacing:1.3px}.wl-problems h3{font-size:19px;margin:18px 0 10px}.wl-problems p{font-size:14px;color:var(--muted);margin:0}.wl-research{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;background:var(--wl-panel);border:1px solid #2c3a42;padding:32px;border-radius:16px;margin-bottom:40px}.wl-research strong{display:block;font-size:32px;font-weight:500;letter-spacing:-1px;color:var(--wl-blue)}.wl-research span{display:block;font-size:12px;color:var(--muted);max-width:240px;margin-top:8px}.wl-decision-labels,.wl-decisions article{display:grid;grid-template-columns:1fr 1fr;gap:60px}.wl-decision-labels{font:10px/1.6 'Courier New',monospace;color:var(--muted);letter-spacing:1.5px;padding-bottom:18px}.wl-decisions article{padding:25px 0;border-top:1px solid var(--line);align-items:center}.wl-decisions article>div{display:flex;gap:24px;align-items:baseline}.wl-decisions h3{font-size:19px;line-height:1.4;font-weight:500;margin:0}.wl-decisions p{font-size:14px;margin:0;color:var(--muted)}.wl-chapter{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;padding:55px 0;align-items:center;border-bottom:1px solid #34373888}.wl-chapter-copy h3,.wl-ai-heading h3{font-size:clamp(28px,3vw,38px);letter-spacing:-1.3px;line-height:1.15;margin:16px 0 22px}.wl-chapter-copy>p{color:var(--muted);font-size:15px;line-height:1.8}.wl-small{font-size:12px!important;color:#9ba5b2!important;line-height:1.8}.wl-callout{border-left:2px solid #628ea5;padding-left:20px;margin-top:28px}.wl-callout strong{font-size:12px;color:var(--wl-blue)}.wl-callout p{font-size:13px;color:var(--muted);margin-bottom:0}.wl-phone-row{display:grid;gap:22px;padding:32px;border-radius:20px;background:radial-gradient(ellipse at 50% 20%,#253a46,#172025 70%);align-items:start}.wl-two{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:52px}.wl-three{grid-template-columns:repeat(3,minmax(0,1fr))}.wl-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;padding:44px}.wl-phone{margin:0;min-width:0}.wl-phone .wl-zoom{display:block;border-radius:10px;overflow:hidden;box-shadow:0 16px 30px #0003;background:#fff}.wl-phone img{width:100%;display:block;height:auto}.wl-phone figcaption{font-size:12px;padding-top:20px;line-height:1.55}.wl-phone figcaption strong{display:block;font-size:12px;font-weight:500}.wl-phone figcaption>span{display:block;margin-top:7px;color:#a9bbc4;font-size:11px}.wl-zoom{position:relative;cursor:zoom-in;display:block}.wl-enlarge{position:absolute;bottom:10px;right:10px;padding:4px 8px;color:#fff;background:#101f27df;border:1px solid #ffffff26;border-radius:20px;font:10px/1.6 Arial,sans-serif;opacity:0;transition:opacity .2s}.wl-zoom:hover .wl-enlarge,.wl-zoom:focus-visible .wl-enlarge{opacity:1}.wl-chapter-wide{display:block}.wl-chapter-wide .wl-chapter-copy{max-width:700px;margin-bottom:30px}.wl-ai-chapter{margin:55px 0;padding:48px;border:1px solid #355261;border-radius:22px;background:linear-gradient(135deg,#1b313d,#151e23)}.wl-ai-heading{max-width:680px}.wl-ai-heading p{color:var(--muted);font-size:15px;line-height:1.8}.wl-ai-chapter .wl-phone-row{max-width:800px;margin:36px auto 0;background:none;padding:12px 40px;gap:60px}.wl-ai-note{display:flex;gap:20px;border-top:1px solid #3a515d;padding-top:25px;margin-top:25px;align-items:flex-start}.wl-ai-note>span{font-size:32px;color:var(--wl-blue)}.wl-ai-note p{font-size:13px;color:var(--muted);max-width:650px;margin:0}.wl-ai-note strong{color:var(--text)}.wl-dashboard-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;background:var(--wl-panel);padding:32px;border-radius:20px}.wl-visual{margin:0;min-width:0}.wl-visual .wl-zoom{background:white;border-radius:12px;overflow:hidden}.wl-visual img{width:100%;display:block}.wl-visual figcaption{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.7}.wl-dashboard-scroll .wl-zoom{max-height:490px;overflow-y:auto;scrollbar-width:thin}.wl-dashboard-scroll .wl-enlarge{position:sticky;float:right;bottom:8px}.wl-chapter-copy ul{padding-left:18px;color:var(--muted);font-size:13px;line-height:1.7}.wl-chapter-copy li{padding:6px 0}.wl-chapter-copy li strong{color:var(--text)}.wl-diagram-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:start}.wl-map .wl-zoom{max-height:510px;overflow:auto}.wl-flow .wl-zoom{padding:15px}.wl-next-check{background:var(--wl-panel);border:1px solid #2c3a42;padding:35px;border-radius:16px}.wl-next-check h3{font-size:24px;line-height:1.3;font-weight:500}.wl-next-check p{font-size:14px;color:var(--muted)}.wl-board-library details{padding:22px 0;border-top:1px solid var(--line)}.wl-board-library summary{display:flex;gap:22px;cursor:pointer;list-style:none;align-items:center;font-size:16px}.wl-board-library summary::-webkit-details-marker{display:none}.wl-board-library summary span:first-child{color:var(--wl-blue);font:11px 'Courier New',monospace}.wl-board-library summary span:last-child{margin-left:auto;font-size:22px}.wl-board-library details[open] summary{margin-bottom:28px}.wl-board-library .underlink{display:inline-block;margin:18px 0}.wl-board-library .wl-visual{max-width:950px;margin-inline:auto}.wl-lightbox{border:1px solid #38454c;padding:0;width:95vw;max-width:1600px;height:92dvh;max-height:92dvh;background:#151b1f;color:var(--text);border-radius:12px;overflow:hidden}.wl-lightbox::backdrop{background:#000d;backdrop-filter:blur(8px)}.wl-lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:20px;border-bottom:1px solid #343738;min-height:68px}.wl-lightbox-bar p{font-size:13px;margin:0}.wl-lightbox-bar>div{display:flex;gap:10px;flex-shrink:0}.wl-lightbox-bar button,.wl-lightbox-bar a{padding:8px 12px;border:1px solid #556070;background:transparent;border-radius:6px;font-size:12px}.wl-lightbox-bar button:hover{background:#2c404b}.wl-lightbox-body{height:calc(100% - 80px);overflow:auto;padding:25px;text-align:center}.wl-lightbox-body img{display:block;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;background:white}.wl-lightbox.is-actual .wl-lightbox-body img{max-width:none;max-height:none;margin:0 auto}.wl-lightbox.is-actual [data-size]{background:var(--wl-blue);color:#101111}
@media(max-width:1000px){.wl-hero-grid{gap:25px}.wl-hero h1{letter-spacing:-2px}.wl-split{gap:35px}.wl-chapter{grid-template-columns:1fr;gap:26px}.wl-chapter-copy{max-width:680px}.wl-phone-row{max-width:800px;width:100%;margin-inline:auto}.wl-three{gap:40px;padding:40px}.wl-two{max-width:600px;gap:50px}.wl-four{gap:24px;padding:28px}.wl-dashboard-pair{max-width:580px;margin:auto}.wl-ai-chapter .wl-phone-row{padding:10px;gap:35px}.wl-research strong{font-size:26px}}
@media(max-width:640px){.wl-hero{padding-top:25px}.wl-hero .back-link{margin-bottom:30px}.wl-hero-grid,.wl-split,.wl-problems,.wl-diagram-grid{grid-template-columns:1fr}.wl-hero h1{font-size:54px}.wl-lead{font-size:17px}.wl-hero-art{margin-top:12px}.wl-facts{grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.wl-jump{top:72px}.wl-jump nav{gap:22px}.wl-section{padding:58px 0}.wl-heading h2{font-size:36px}.wl-heading p{font-size:14px}.wl-context>p{font-size:22px}.wl-problems{gap:24px}.wl-problems article{padding-top:18px}.wl-research{grid-template-columns:1fr 1fr;padding:24px;gap:25px}.wl-research>div:last-child{grid-column:1/-1}.wl-decision-labels{display:none}.wl-decisions article{grid-template-columns:1fr;gap:12px}.wl-decisions p{padding-left:42px}.wl-chapter{padding:36px 0}.wl-phone-row,.wl-three,.wl-two,.wl-four,.wl-ai-chapter .wl-phone-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding:24px;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}.wl-phone-row .wl-phone{flex:0 0 68%;max-width:260px;scroll-snap-align:center}.wl-phone figcaption strong{font-size:14px}.wl-phone figcaption>span{font-size:12px}.wl-enlarge{opacity:1}.wl-ai-chapter{padding:26px 20px;margin:35px -5px}.wl-ai-chapter .wl-phone-row{padding:15px 0}.wl-dashboard-pair{gap:18px;padding:20px}.wl-dashboard-scroll .wl-zoom{max-height:400px}.wl-next-check{padding:25px}.wl-board-library summary{font-size:14px;gap:14px}.wl-lightbox-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.wl-lightbox-bar p{font-size:12px}.wl-lightbox-bar button,.wl-lightbox-bar a{font-size:11px;padding:7px 9px}.wl-lightbox-body{height:calc(100% - 115px);padding:12px}}
@media(prefers-reduced-motion:reduce){.wl-enlarge{transition:none}.wl-phone-row{scroll-behavior:auto}}

/* Desktop product screens and promotional creative gallery */
.wl-web-block{margin-top:64px}.wl-web-block>.wl-chapter-copy{max-width:700px;margin-bottom:28px}.wl-web-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.wl-web .wl-visual img{height:auto}.wl-web .wl-visual figcaption strong,.wl-social-grid figcaption strong{display:block;color:var(--text);font-size:15px;font-weight:500}.wl-web .wl-visual figcaption span,.wl-social-grid figcaption span{display:block;margin-top:7px}.wl-web-notes{margin-top:32px}.wl-web-setup{margin-top:48px;border:1px solid #35454e;border-radius:16px;padding:24px}.wl-web-setup summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:17px;list-style:none}.wl-web-setup summary::-webkit-details-marker{display:none}.wl-web-setup>p{max-width:750px;color:var(--muted);font-size:14px;line-height:1.8;margin:24px 0}.wl-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wl-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 32px;max-width:960px;margin:0 auto}.wl-social-grid .wl-visual .wl-zoom{background:#4195c3;border-radius:12px}.wl-social-grid img{height:auto}.wl-social-note{margin-top:40px;max-width:760px}.wl-social-note p{font-size:14px;color:var(--muted);line-height:1.8}.wl-web-setup[open] summary{padding-bottom:20px;border-bottom:1px solid #35454e}
@media(max-width:800px){.wl-web-grid,.wl-setup-grid{grid-template-columns:1fr}.wl-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.wl-web-block{margin-top:44px}}
@media(max-width:480px){.wl-social-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;padding:0 0 20px;scrollbar-width:thin}.wl-social-grid .wl-visual{flex:0 0 82%;max-width:276px;scroll-snap-align:start}.wl-web-setup{padding:20px}.wl-web-setup summary{font-size:15px}}