/* Uses the Mobile Apps hero and shared WMS/product components. */
.cp-page figure{margin:0}
.cp-page img{display:block;max-width:100%;height:auto}
.cp-page .cp-ai-hero{background:#0b0c14;min-height:760px;isolation:isolate;overflow:hidden}
.cp-page .cp-ai-hero:before{display:none}
.cp-page .cp-ai-backdrop{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% 15%;z-index:-2}
.cp-page .cp-ai-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 15%;z-index:-2;opacity:0;transition:opacity .5s ease}
.cp-page .cp-ai-video.is-ready{opacity:1}
.cp-video-play{position:absolute;right:max(36px,calc((100vw - 1320px)/2));top:110px;z-index:3;display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border:1px solid #ffffff91;border-radius:6px;background:#0b0c14c9;color:#fff;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.2;cursor:pointer;backdrop-filter:blur(8px)}
.cp-video-play[hidden]{display:none}
.cp-video-play:hover{background:#3c2878}
.cp-ai-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0c14eb 0%,#0b0c14de 30%,#0b0c1460 54%,transparent 75%),linear-gradient(0deg,#0b0c1470 0%,transparent 28%)}
.cp-page .cp-ai-hero .ma-hero-inner{display:flex;min-height:700px;align-items:center}
.cp-ai-hero .ma-hero-copy{width:min(51%,640px);max-width:640px;padding:5rem 0 4rem}
.cp-page .ma-hero h1{font-size:clamp(3.4rem,5.1vw,6rem)}
.cp-ai-hero .ma-hero-lead{max-width:500px;text-shadow:0 2px 12px #0008}
.cp-ai-hero .ma-platforms span{background:#0b0c1477;backdrop-filter:blur(8px)}
.cp-hero-illustration{position:absolute;right:max(36px,calc((100vw - 1320px)/2));bottom:26px;padding:.4rem .7rem;border:1px solid #ffffff53;border-radius:4px;background:#0b0c1499;color:#fff;font-size:.66rem;backdrop-filter:blur(8px)}
.cp-page .section-copy p{max-width:100%}
.cp-film{background:#f7f6fa;border-bottom:1px solid #ebe8f1}
.cp-film-inner{width:min(100% - 72px,1200px);margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,5vw,5rem);align-items:center}
.cp-film-copy{max-width:470px}
.cp-film-copy h2{max-width:14ch}
.cp-film-lead{max-width:45ch;color:#5d5966;line-height:1.7}
.cp-film-steps{list-style:none;padding:0;margin:2rem 0 0;display:grid}
.cp-film-steps li{display:grid;grid-template-columns:2.2rem 1fr;gap:1rem;padding:1rem 0;border-top:1px solid #ddd8e7}
.cp-film-number{color:var(--purple);font:700 .75rem ui-monospace,monospace;padding-top:.2rem}
.cp-film-steps h3{margin:0 0 .3rem;font-size:1rem;color:var(--ink)}
.cp-film-steps p{margin:0;color:#67616f;font-size:.88rem;line-height:1.55}
.cp-film-media{min-width:0;width:100%;max-width:600px;justify-self:end;overflow:hidden;isolation:isolate;border:1px solid #ffffffd9;border-radius:24px;background:#14131c;box-shadow:0 28px 70px #251b3a23,0 4px 14px #251b3a10}
.cp-film-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#14131c;border:0;border-radius:0}
.cp-cases{max-width:1280px;margin-inline:auto}
.cp-cases .benefit-card{padding:1.6rem;overflow:hidden}
.cp-case-art{height:160px;background:#f7f7fb;border:1px solid #eeeaf4;border-radius:10px;margin:.2rem 0 1.5rem;padding:1.2rem;display:flex;align-items:center;justify-content:center;gap:1rem}
.cp-ring{width:96px;height:96px;border-radius:50%;background:conic-gradient(#8b5cf6 0 77%,#e7e2f3 77%);display:grid;place-items:center;flex-shrink:0}
.cp-ring span{background:#f7f7fb;width:73px;height:73px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:750;color:#6d28d9}
.cp-bars{display:flex;align-items:flex-end;gap:8px;height:100px;flex:1;max-width:140px}
.cp-bars i{flex:1;height:65%;background:#bba4f0;border-radius:4px 4px 0 0}.cp-bars i:nth-child(2){height:82%;background:#9371dd}.cp-bars i:nth-child(3){height:58%}.cp-bars i:nth-child(4){height:92%;background:#7c3aed}.cp-bars i:nth-child(5){height:76%}
.cp-case-art--2{display:grid;gap:7px}
.cp-signal{display:flex;align-items:center;gap:12px;padding:7px 12px;background:white;border:1px solid #ece9f2;border-radius:6px;width:230px;max-width:100%}
.cp-signal b{display:grid;place-items:center;width:20px;height:20px;background:#e6f6ef;color:#268466;border-radius:5px;font-size:.7rem}.cp-signal:first-child b{background:#fff0d7;color:#b77c24}.cp-signal i{width:120px;height:5px;border-radius:5px;background:#dfdbe9}.cp-signal span{color:#8e7aa9;font-size:.7rem}
.cp-case-art svg{width:100%;height:100%}
.cp-context{isolation:isolate;min-height:620px;display:flex;align-items:center;background:#09090b;overflow:hidden}
.cp-context .cp-split{display:grid;grid-template-columns:1fr 1fr;max-width:1280px;width:100%;margin:auto}
.cp-context .cp-split>.section-copy{grid-column:2;position:relative;z-index:2;padding-block:3rem}
.cp-context .cp-photo{position:absolute;z-index:-2;inset:0;margin:0}
.cp-context .cp-photo{right:38%}
.cp-context .cp-photo img{width:100%;height:100%;max-width:none;object-fit:cover;border:0;border-radius:0;box-shadow:none}
.cp-context .cp-photo img{object-position:50% 48%}
.cp-context:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}
.cp-context:after{background:linear-gradient(90deg,transparent 8%,#09090b16 31%,#09090bec 55%,#09090b 72%)}
.cp-context .section-copy h2{color:#fff}
.cp-checks{padding:0;list-style:none;display:grid;gap:.8rem;margin:1.5rem 0}
.cp-checks li{position:relative;padding-left:1.8rem;font-size:.91rem;color:#d8d4e4;line-height:1.6}
.cp-checks li:before{content:'✓';position:absolute;left:0;color:var(--purple-light)}
.cp-page .cp-voice{font-size:.9rem;border-top:1px solid #ffffff20;padding-top:1.2rem;color:#aaa2bb}
.cp-workspace{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;max-width:1150px;margin:3rem auto 0;align-items:start}
.cp-view-controls{display:grid;gap:1rem;padding-top:1rem}
.cp-view-button{display:grid;grid-template-columns:1fr auto;gap:.65rem;padding:1.5rem;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;color:var(--ink);font:inherit;transition:border-color .2s,background .2s}
.cp-view-button b{grid-column:1/-1;color:var(--purple);font:700 .72rem ui-monospace,monospace}
.cp-view-button>span{font-size:1rem;font-weight:650;line-height:1.5}
.cp-view-button[aria-pressed=true]{border-color:#a78bfa;background:#f1ebfd;box-shadow:inset 3px 0 var(--purple)}
.cp-view-button:hover{border-color:var(--purple)}
.cp-page :is(a,button):focus-visible{outline:3px solid var(--purple-light);outline-offset:4px}
.cp-workspace-note{padding:1.5rem;display:grid;gap:1rem}.cp-workspace-note>span{font-size:1.8rem;color:var(--purple)}.cp-workspace-note p{font-size:.9rem}
.cp-viewer{min-height:650px;padding:1.5rem;border:1px solid #ded9e8;border-radius:16px;background:radial-gradient(ellipse at center,#e1d6f8,#ecebf1);display:grid;place-items:center}
.cp-viewer figure{width:100%;text-align:center}
.cp-viewer figure[hidden]{display:none}
.cp-viewer img{width:auto;height:575px;max-height:none;max-width:100%;object-fit:contain;border:7px solid #25232c;border-radius:18px;margin:auto;box-shadow:0 20px 35px #30214f25}
.cp-viewer figcaption{font-size:.68rem;color:#71677f;margin-top:1rem}
.cp-related{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}
@media(max-width:1120px){.cp-case-art{padding:.8rem}.cp-ring{width:80px;height:80px}.cp-ring span{width:60px;height:60px}.cp-signal{width:190px}.cp-viewer{min-height:590px}.cp-viewer img{height:520px}.cp-ai-hero .ma-hero-copy{width:57%}}
@media(max-width:820px){
  .cp-page .cp-ai-hero{min-height:0}.cp-page .cp-ai-hero .ma-hero-inner{min-height:0;display:block}.cp-page .cp-ai-backdrop,.cp-page .cp-ai-video{height:500px;object-position:95% top}.cp-ai-hero:after{background:linear-gradient(0deg,#0b0c14 28%,#0b0c14e8 43%,#0b0c1430 74%,transparent 100%)}.cp-ai-hero .ma-hero-copy{width:100%;max-width:640px;padding:390px 0 2rem}.cp-page .ma-hero-bottom{padding-bottom:2rem}.cp-hero-illustration{right:20px;bottom:16px}.cp-video-play{right:20px;top:90px}
  .cp-film-inner{width:min(100% - 40px,700px);grid-template-columns:1fr;gap:2rem}.cp-film-copy{max-width:100%}.cp-film-copy h2{max-width:20ch}.cp-film-media{justify-self:center}.cp-film-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.cp-film-steps li{grid-template-columns:1fr;gap:.4rem}
  .cp-cases,.cp-workspace{grid-template-columns:1fr}.cp-cases{gap:1rem}.cp-case-art{height:150px}.cp-workspace{gap:1.5rem}.cp-view-controls{grid-template-columns:1fr 1fr}.cp-workspace-note{grid-column:1/-1;display:none}.cp-viewer{min-height:0}.cp-viewer img{height:auto;max-height:575px}.cp-related{grid-template-columns:1fr}
  .cp-context{display:block;padding-top:380px}.cp-context .cp-photo{right:0;bottom:auto;height:460px}.cp-context .cp-photo img{object-position:center 42%}.cp-context:after{background:linear-gradient(0deg,#09090b 30%,#09090be8 45%,#09090b08 80%)}.cp-context .cp-split{display:block}.cp-context .cp-split>.section-copy{padding:0 0 1rem}
}
@media(max-width:600px){.cp-film-steps{grid-template-columns:1fr;gap:0}.cp-film-steps li{grid-template-columns:2.2rem 1fr;gap:1rem}.cp-film-media{border-radius:16px}}
@media(max-width:480px){.cp-page .ma-hero h1{font-size:clamp(2.8rem,12vw,3.7rem)}.cp-ai-hero .ma-hero-copy{padding-top:360px}.cp-page .cp-ai-backdrop,.cp-page .cp-ai-video{height:440px;object-position:95% top}.cp-page .ma-hero-bottom{width:calc(100% - 40px)}.cp-hero-illustration{font-size:.55rem}.cp-view-button{padding:1rem}.cp-view-button>span{font-size:.8rem}.cp-viewer{padding:1rem}.cp-context{padding-top:340px}.cp-context .cp-photo{height:420px}}
@media(prefers-reduced-motion:reduce){.cp-view-button,.cp-ai-video{transition:none}.cp-page .cp-ai-video{display:none}}