/* V58: Do not render the same corporate demo photograph or gallery screenshot twice. */
.cd58-approach-design{display:grid;place-items:center;position:relative;isolation:isolate;background:radial-gradient(circle at 60% 23%,color-mix(in srgb,var(--accent) 32%,#e8edee) 0%,transparent 56%),linear-gradient(142deg,#e3e9ed 0%,#f4f3ef 55%,#d4e0e5 100%);overflow:hidden;padding:45px}
.cd58-approach-arc{position:absolute;width:87%;aspect-ratio:1;border:1px solid rgba(27,57,77,.17);border-radius:50%;left:-23%;bottom:-60%;pointer-events:none;box-shadow:0 0 0 48px #ffffff20,0 0 0 100px #ffffff12}
.cd58-approach-paper{position:relative;width:min(100%,380px);min-height:300px;padding:35px 35px 30px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;box-shadow:0 20px 60px #243a4a20;border-left:7px solid var(--accent);border-radius:3px;color:var(--deep)}
.cd58-approach-paper>span,.cd58-approach-paper>small{font-size:10px;font-weight:750;letter-spacing:.15em;color:#617383}
.cd58-approach-paper strong{font:400 clamp(65px,8vw,125px)/1 var(--serif);letter-spacing:-.07em;color:var(--deep)}
.cd58-approach-paper p{margin:0;font:400 clamp(21px,2.6vw,34px)/1.18 var(--serif);letter-spacing:-.025em;overflow-wrap:anywhere}
.cd58-approach-line{height:3px;background:linear-gradient(90deg,var(--accent),transparent)}
.cd58-insight-device{position:relative;overflow:hidden;min-height:340px;padding:28px 18px 25px 26px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 21%,#152c43),#122b44 72%);display:flex;align-items:center;justify-content:center;isolation:isolate}
.cd58-insight-device:before{content:'';position:absolute;inset:auto -40% -85% 5%;height:150%;border:1px solid #fff3;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 85px #ffffff05;z-index:-1}
.cd58-insight-screen{width:100%;max-width:340px;min-height:230px;overflow:hidden;border:7px solid #f6fafc;border-bottom-width:18px;background:linear-gradient(155deg,#f9fafb,#e6ebf1);border-radius:10px;box-shadow:0 18px 35px #0005;padding:14px;color:var(--deep)}
.cd58-insight-nav{display:flex;align-items:center;gap:8px;border-bottom:1px solid #cbd8df;padding:0 0 12px}
.cd58-insight-nav b{font-family:var(--serif);font-size:20px;color:var(--deep);margin-right:auto}.cd58-insight-nav i{display:block;width:15px;height:3px;border-radius:10px;background:#a2b4bf}
.cd58-insight-title{font:400 clamp(23px,2.6vw,36px)/1.08 var(--serif);margin:20px 0 15px;letter-spacing:-.03em}.cd58-insight-title em{color:#5a8394;font-weight:400}
.cd58-insight-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cd58-insight-panels span{height:54px;background:linear-gradient(140deg,#c9d6df,#e9f1f4);border-radius:4px;border-top:4px solid var(--accent)}
.cd58-insight-phone{position:absolute;right:11%;bottom:17px;display:block;width:58px;height:103px;background:#f9fafc;border:5px solid #edf3f6;border-radius:10px;box-shadow:0 12px 25px #0005;padding:16px 5px 8px}
.cd58-insight-phone i,.cd58-insight-phone b,.cd58-insight-phone em{display:block;height:8px;background:#aebfcb;margin-bottom:6px;border-radius:2px}.cd58-insight-phone i{height:21px;background:var(--accent)}.cd58-insight-phone em{width:70%}
@media(max-width:760px){.cd58-approach-design{padding:27px;min-height:350px}.cd58-approach-paper{min-height:278px}.cd58-insight-device{min-height:300px}.cd58-insight-phone{right:12px}}
@media(prefers-reduced-motion:reduce){.cd58-insight-device *,.cd58-approach-design *{animation:none!important;transition:none!important}}
