/* Elevate Prism product page. Builds on style.css (header, nav, buttons, footer). */
:root{--accent:var(--red);--accent-soft:#fdecee;--app:#1f6fd1;--app-soft:#e8f1fc;--sky:#f3f7fa}
.p-eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:11px;font-weight:700;color:var(--accent);margin:0}
.btn.red{background:var(--red)}
.btn.outline{background:white;color:var(--navy);border-color:var(--navy)}
.btn.outline:after{content:none}
.btn.arrow:after{content:'→'}

/* Hero */
.p-hero{background:linear-gradient(180deg,#f4f7fa 0%,#fff 100%);padding:28px 0 56px;overflow:hidden}
.p-hero .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.p-hero h1{font-size:clamp(36px,3.9vw,52px);letter-spacing:-1.4px;line-height:1.1;color:var(--navy);margin:14px 0 18px}
.p-hero .breadcrumb{font-size:12px;color:var(--muted);margin-bottom:26px}.p-hero .breadcrumb a:hover{color:var(--red)}
.p-hero .lead{font-size:18px;max-width:480px;margin:0 0 10px;color:var(--ink)}
.p-hero .p-note{font-size:14px;max-width:420px;margin:0 0 26px}
.p-hero .actions{display:flex;gap:14px;flex-wrap:wrap}
.p-hero small{display:block;margin-top:26px;color:var(--muted);font-size:13px}
.p-caption{font-size:11px;color:var(--muted);text-align:center;margin:10px 4px 0}

/* Illustrative app window */
.p-app{display:grid;grid-template-columns:150px 1fr;background:white;border-radius:14px;box-shadow:0 24px 60px #102d5024;border:1px solid #e3ebf1;overflow:hidden;font-size:11px;color:var(--ink);min-width:0}
.p-app.compact{grid-template-columns:118px 1fr}
.p-side{background:#0c2a4d;color:#dbe7f3;padding:14px 10px;display:flex;flex-direction:column;gap:3px}
.p-side .brand{display:flex;align-items:center;gap:6px;font-weight:700;color:white;font-size:12px;margin:0 4px 12px;white-space:nowrap}
.p-app.compact .p-side .brand{font-size:10.5px;margin:0 2px 12px}
.p-side .brand i{width:16px;height:14px;background:linear-gradient(160deg,#19d3e6 0 33%,#1a6dff 33% 66%,#fff 66%);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);display:block}
.p-side span{padding:6px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-side span.on{background:var(--app);color:white;font-weight:600}
.p-main{padding:16px 18px;min-width:0}
.p-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}
.p-top b{font-size:14px;color:var(--navy)}
.p-top em{font-style:normal;border:1px solid var(--line);border-radius:6px;padding:3px 8px;color:var(--muted);font-size:10px;white-space:nowrap}
.p-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.p-kpi{border:1px solid #e6edf2;border-radius:8px;padding:8px}
.p-kpi small{display:block;color:var(--muted);font-size:9px}
.p-kpi strong{display:block;font-size:17px;color:var(--navy);margin:3px 0 1px}
.p-kpi .up{color:#1f9d6b;font-size:9px}.p-kpi .down{color:var(--red);font-size:9px}
.p-row{display:grid;grid-template-columns:1.1fr 1fr;gap:8px}
.p-card{border:1px solid #e6edf2;border-radius:8px;padding:9px;min-width:0}
.p-card h5{margin:0 0 8px;font-size:10px;color:var(--navy)}
.p-bars{display:flex;align-items:flex-end;gap:7px;height:92px;padding-top:6px;border-bottom:1px solid #e6edf2}
.p-bars div{flex:1;display:flex;align-items:flex-end;gap:1px;height:100%}
.p-bars i{flex:1;border-radius:2px 2px 0 0;display:block}
.c1{background:#0e8db0}.c2{background:#2a6fdb}.c3{background:#22a06b}.c4{background:#f0a020}.c5{background:var(--red)}
.p-months{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:3px}
.p-table{width:100%;border-collapse:collapse;font-size:9.5px}
.p-table th{text-align:left;color:var(--muted);font-weight:600;padding:3px 0;border-bottom:1px solid #eef2f5}
.p-table td{padding:5px 0;border-bottom:1px solid #f2f5f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:0}
.g{background:#22a06b}.a{background:#f0a020}.r{background:var(--red)}
.p-tabs{display:flex;gap:14px;border-bottom:1px solid #eef2f5;margin-bottom:9px;color:var(--muted);font-size:10px}
.p-tabs span{padding-bottom:6px}.p-tabs span.on{color:var(--app);box-shadow:inset 0 -2px 0 var(--app);font-weight:600}
.p-pill{display:inline-block;border-radius:999px;padding:1px 7px;font-size:9px;font-weight:600}
.p-pill.good{background:#e3f6ec;color:#147a4f}.p-pill.prog{background:#fff2dc;color:#a4610a}.p-pill.track{background:#e3f6ec;color:#147a4f}
.p-person{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.p-avatar{width:26px;height:26px;border-radius:50%;background:var(--app-soft);color:var(--app);font-weight:700;display:grid;place-items:center;font-size:10px}
.p-list{list-style:none;margin:0;padding:0}.p-list li{padding:3px 0}

/* Value strip */
.p-values{padding:0;border-top:1px solid #edf2f5;border-bottom:1px solid #edf2f5;background:white}
.p-values .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.p-values article{display:flex;gap:18px;padding:30px 26px;align-items:flex-start}
.p-values article+article{border-left:1px solid var(--line)}
.p-values svg{flex:none;width:40px;height:40px;color:var(--navy)}
.p-values h3{font-size:18px;letter-spacing:-.3px;margin:0 0 4px;color:var(--navy)}
.p-values p{margin:0;font-size:14px}

/* Section headings */
.p-section{padding:64px 0}
.p-section.tint{background:var(--sky)}
.p-section.left .p-head{text-align:left;margin:0 0 30px;max-width:none}
.p-head{text-align:center;max-width:720px;margin:0 auto 40px}
.p-head h2,.p-roles h2,.p-faq h2,.p-guide h2{letter-spacing:-1.2px;color:var(--navy);font-size:clamp(28px,2.9vw,38px);margin:8px 0}
.p-head p{margin:0;font-size:17px}

/* Modules */
.p-modules{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.p-module{background:white;border:1px solid #e3ebf1;border-radius:10px;box-shadow:0 10px 30px #102d500d;overflow:hidden}
.p-module:before{content:'';display:block;height:8px;background:var(--red)}
.p-module.ops:before{background:var(--navy)}
.p-module .inner{padding:28px 30px 30px}
.p-module h3{font-size:22px;letter-spacing:-.5px;color:var(--navy);margin:0 0 8px}
.p-module .p-app{margin-top:18px;box-shadow:0 8px 24px #102d5014}
.p-module>.inner>p{margin:0 0 20px}
.p-feature{display:flex;gap:16px;align-items:flex-start;padding:8px 0}
.p-feature .ico{flex:none;width:34px;height:34px;display:grid;place-items:center;color:var(--red)}
.p-module.ops .p-feature .ico{color:var(--red)}
.p-feature .ico svg{width:26px;height:26px}
.p-feature b{display:block;color:var(--navy);font-size:15px}
.p-feature span{color:var(--muted);font-size:14px}

/* Process */
.p-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 46px;position:relative}
.p-step{background:white;border:1px solid #e3ebf1;border-radius:10px;padding:20px;display:flex;gap:16px;position:relative}
.p-step .n{flex:none;width:36px;height:36px;border-radius:50%;border:2px solid var(--red);color:var(--red);font-weight:700;display:grid;place-items:center}
.p-step b{display:block;color:var(--navy)}
.p-step span{color:var(--muted);font-size:14px}
.p-step:not(:nth-child(3n)):after{content:'→';position:absolute;right:-33px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:20px}

/* Roles */
.p-roles{padding:60px 0;background:white}
.p-roles .bar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.p-roles [role=tablist]{display:flex;gap:6px;border-bottom:1px solid var(--line)}
.p-roles [role=tab]{background:none;border:0;padding:10px 16px;color:var(--muted);font-weight:600;font-size:14px}
.p-roles [role=tab][aria-selected=true]{color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}
.p-roles .grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}
.p-roles .grid>div:first-child p{font-size:17px}
.p-roles [role=tablist]{margin-bottom:18px}
.p-shots{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.p-shot figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.p-shot{margin:0}

/* FAQ */
.p-faq{padding:20px 0 60px;background:white}
.p-faq .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.p-faq details{background:white;border:1px solid #e3ebf1;border-radius:8px;margin-bottom:10px;padding:0}
.p-faq summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;gap:12px}
.p-faq summary::-webkit-details-marker{display:none}
.p-faq summary:after{content:'⌄';color:var(--muted);transition:transform .2s}
.p-faq details[open] summary:after{transform:rotate(180deg)}
.p-faq details p{margin:0;padding:0 20px 18px;font-size:15px}

/* CTA */
.p-cta{background:var(--navy);color:white;padding:44px 0}
.p-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.p-cta h2{letter-spacing:-1px;font-size:clamp(28px,3vw,38px);margin:0 0 6px;color:white}
.p-cta p{color:#c8d6e5;margin:0}

/* Expert guidance */
.p-guide{padding:52px 0;background:var(--sky)}
.p-guide .pair{display:grid;grid-template-columns:1fr 1fr;margin-top:26px}
.p-guide article{display:flex;gap:26px;padding:6px 40px 6px 0}
.p-guide article+article{border-left:1px solid var(--line);padding:6px 0 6px 40px}
.p-guide svg{flex:none;width:52px;height:52px;color:var(--navy)}
.p-guide h3{font-size:20px;margin:0 0 6px;color:var(--navy)}
.p-guide p{margin:0 0 10px}
.p-guide .more{color:var(--red);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px}

/* Compact footer */
.p-footer{border-top:1px solid var(--line);padding:26px 0}
.p-footer .wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.p-footer img{width:120px;height:54px;object-fit:contain}
.p-footer .tag{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px;max-width:220px;line-height:1.5}
.p-footer .links{margin-left:auto;display:flex;gap:24px;font-size:12px;font-weight:500;flex-wrap:wrap}.p-footer .links a:hover{color:var(--red)}
.p-footer small{color:var(--muted);font-size:12px}

@media(max-width:1000px){
  .p-hero .wrap,.p-faq .wrap,.p-roles .grid{grid-template-columns:1fr}
  .p-guide .pair{grid-template-columns:1fr}.p-guide article+article{border-left:0;border-top:1px solid var(--line);padding:26px 0 0;margin-top:20px}.p-guide article{padding:0}
  .p-modules,.p-shots{grid-template-columns:1fr}
  .p-steps{grid-template-columns:1fr 1fr;gap:18px}
  .p-step:after{display:none}
}
@media(max-width:760px){
  .p-hero{padding:45px 0}
  .p-values .wrap{grid-template-columns:1fr}
  .p-values article+article{border-left:0;border-top:1px solid var(--line)}
  .p-values article{padding:22px 0}
  .p-section,.p-roles{padding:56px 0}
  .p-steps{grid-template-columns:1fr}
  .p-app,.p-app.compact{grid-template-columns:1fr}
  .p-side{display:none}
  .p-kpis{grid-template-columns:1fr 1fr}
  .p-row{grid-template-columns:1fr}
  .p-module .inner{padding:22px}
  .p-roles [role=tab]{padding:10px 10px;font-size:13px}
  .p-footer .links{margin-left:0;gap:14px}
}