:root{--cx-blue:#2563EB;--cx-bg:#F5F7FA;--cx-surface:#fff;--cx-ink:#111827;--cx-muted:#6B7280;--cx-line:#E5E7EB;--cx-success:#16A34A;--cx-warning:#F59E0B;--cx-error:#DC2626}
.credx-page{font-family:Inter,system-ui,sans-serif;color:var(--cx-ink);background:#fff}.credx-page .case-study-header{background:#fff;border-bottom:1px solid var(--cx-line)}
.cx-hero{padding:92px 0 100px;background:linear-gradient(180deg,#f8fbff 0,#fff 78%)}.cx-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.cx-kicker,.cx-label{font:600 11px/1.4 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cx-blue)}.cx-kicker{display:flex;gap:10px;align-items:center}.cx-kicker span{width:18px;height:2px;background:var(--cx-blue)}.cx-hero h1{font-size:clamp(3rem,6vw,5.2rem);line-height:.98;letter-spacing:-.07em;margin:22px 0;font-weight:600}.cx-hero h1 em{font-style:normal;color:var(--cx-blue)}.cx-lede{font-size:18px;line-height:1.7;color:var(--cx-muted);max-width:620px}.cx-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.cx-btn{padding:14px 18px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:600;display:inline-flex;gap:10px;align-items:center}.cx-btn.primary{background:var(--cx-blue);color:#fff}.cx-btn.secondary{border:1px solid var(--cx-line);color:var(--cx-ink);background:#fff}.cx-note{font-size:11px;color:var(--cx-muted);margin-top:16px}
.cx-dashboard{background:#fff;border:1px solid var(--cx-line);border-radius:18px;box-shadow:0 25px 70px rgba(17,24,39,.1);overflow:hidden}.cx-topbar{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cx-line);font-size:13px}.cx-topbar span{display:flex;gap:18px;align-items:center}.cx-topbar b{color:var(--cx-blue);font-size:11px}.cx-dash-body{padding:24px;background:var(--cx-bg)}.cx-welcome{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.cx-welcome span{font:600 9px "DM Mono";color:var(--cx-blue);letter-spacing:.1em}.cx-welcome strong{font-size:22px}.cx-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cx-metrics>div,.cx-chart,.cx-approval{background:#fff;border:1px solid var(--cx-line);border-radius:10px;padding:15px}.cx-metrics small{font-size:10px;color:var(--cx-muted);display:block}.cx-metrics b{font-size:23px;display:block;margin:8px 0 2px}.cx-metrics span{font-size:9px;color:var(--cx-success)}.cx-chart{margin-top:10px}.cx-chart-head{display:flex;justify-content:space-between;font-size:11px}.cx-chart-head span{color:var(--cx-muted)}.cx-bars{height:115px;display:flex;align-items:end;gap:13px;padding:14px 8px 0}.cx-bars i{display:block;flex:1;background:var(--cx-blue);border-radius:5px 5px 0 0;opacity:.85}.cx-approval{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.cx-approval span,.cx-approval small{display:block;color:var(--cx-muted);font-size:9px}.cx-approval strong{display:block;font-size:12px;margin:4px 0}.cx-approval button{border:0;background:var(--cx-blue);color:#fff;padding:9px 13px;border-radius:6px;font-size:10px;font-weight:600}.cx-caption{font-size:10px;color:var(--cx-muted);padding:0 20px 18px;margin:0}
.cx-section{padding:105px 0}.cx-soft{background:var(--cx-bg)}.cx-label{margin:0 0 15px}.cx-section h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:600}.cx-copy{font-size:16px;line-height:1.8;color:var(--cx-muted)}.cx-copy p{margin:0 0 20px}.cx-copy strong,.cx-role-lede strong{color:var(--cx-ink)}.cx-principles{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.cx-principles>div{border-top:1px solid var(--cx-line);padding-top:15px}.cx-principles i{color:var(--cx-blue);font-size:18px;display:block;margin-bottom:10px}.cx-principles b{display:block;font-size:14px}.cx-principles span{display:block;font-size:12px;line-height:1.6;color:var(--cx-muted);margin-top:5px}
.cx-callout{background:#111827;color:#fff;padding:25px;border-radius:10px;margin-bottom:26px}.cx-callout span{font:600 9px "DM Mono";color:#93B4FF;letter-spacing:.1em;display:block;margin-bottom:10px}.cx-callout strong{font-size:20px;line-height:1.4;display:block;color:#fff}.cx-challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.cx-challenge-grid>div{border-top:1px solid var(--cx-line);padding:20px 0}.cx-challenge-grid b,.cx-goals>div>span,.cx-personas article>span,.cx-screen-grid>div>span{font:600 10px "DM Mono";color:var(--cx-blue)}.cx-challenge-grid h3{font-size:16px;margin:8px 0}.cx-challenge-grid p{font-size:12px;line-height:1.6;margin:0;color:var(--cx-muted)}
.cx-copy blockquote{margin:0 0 25px;padding:25px 28px;border-left:3px solid var(--cx-blue);background:#fff;color:var(--cx-ink);font-size:21px;line-height:1.5}.cx-role-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cx-role-cards article{background:#fff;border:1px solid var(--cx-line);border-radius:10px;padding:22px}.cx-role-cards i{font-size:19px;color:var(--cx-blue)}.cx-role-cards span{display:block;font:600 9px "DM Mono";color:var(--cx-muted);letter-spacing:.1em;margin-top:14px}.cx-role-cards h3{font-size:16px;margin:7px 0}.cx-role-cards p{font-size:12px;line-height:1.6;margin:0}
.cx-solution{border-top:1px solid var(--cx-line)}.cx-solution>div{display:grid;grid-template-columns:42px 1fr;column-gap:15px;border-bottom:1px solid var(--cx-line);padding:24px 0}.cx-solution span{font:600 10px "DM Mono";color:var(--cx-blue)}.cx-solution h3{font-size:18px;margin:0}.cx-solution p{grid-column:2;margin:8px 0 0;color:var(--cx-muted);font-size:13px;line-height:1.65}
.cx-role-lede{font-size:18px;color:var(--cx-muted);max-width:650px;margin:15px 0 0}.cx-token{height:100%;background:#fff;border:1px solid var(--cx-line);border-radius:10px;padding:24px}.cx-token i{color:var(--cx-blue);font-size:20px}.cx-token h3{font-size:16px;margin:15px 0 6px}.cx-token p{font-size:12px;line-height:1.6;color:var(--cx-muted);margin:0}.cx-tools{display:flex;gap:8px;margin-top:25px}.cx-tools span{padding:8px 12px;background:#eaf1ff;color:#1746a2;border-radius:20px;font-size:11px;font-weight:600}
.cx-personas{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cx-personas article{border:1px solid var(--cx-line);padding:25px;border-radius:10px}.cx-personas h3{font-size:20px;margin:8px 0}.cx-personas b{font-size:12px;line-height:1.5}.cx-personas ul{padding-left:18px;margin:15px 0 0;color:var(--cx-muted);font-size:12px;line-height:1.8}
.cx-pain-list>div{display:grid;grid-template-columns:45px 1fr;gap:12px;border-top:1px solid var(--cx-line);padding:18px 0}.cx-pain-list b{font:600 10px "DM Mono";color:var(--cx-blue)}.cx-pain-list span{font-size:13px;line-height:1.6;color:var(--cx-muted)}.cx-pain-list strong{display:block;color:var(--cx-ink);font-size:15px}
.cx-goals{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.cx-goals>div{border:1px solid var(--cx-line);padding:22px;border-radius:10px}.cx-goals h3{font-size:16px;margin:12px 0 7px}.cx-goals p{font-size:12px;line-height:1.6;color:var(--cx-muted);margin:0}
.cx-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-bottom:14px}.cx-flow>div{background:#fff;border:1px solid var(--cx-line);border-radius:10px;padding:18px}.cx-flow>i{align-self:center;color:var(--cx-blue)}.cx-flow span{display:block;font:600 9px "DM Mono";color:var(--cx-blue)}.cx-flow strong{display:block;font-size:14px;margin:8px 0 4px}.cx-flow p{font-size:11px;line-height:1.55;color:var(--cx-muted);margin:0}.cx-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:24px}.cx-status span{font-size:10px;padding:7px 9px;background:#eaf1ff;color:#1746a2;border-radius:20px}.cx-status i{width:16px;height:1px;background:#b8c8e8}
.cx-screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.cx-screen-grid>div{border-top:2px solid var(--cx-blue);padding:20px;background:#fff;border:1px solid var(--cx-line);border-top-width:2px;border-radius:8px}.cx-screen-grid h3{font-size:15px;margin:11px 0 6px}.cx-screen-grid p{font-size:11px;line-height:1.6;color:var(--cx-muted);margin:0}
.cx-system{background:#fff;border:1px solid var(--cx-line);border-radius:12px;padding:25px}.cx-colors{display:flex;height:65px}.cx-colors span{flex:1;border:1px solid #fff}.cx-type{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--cx-line)}.cx-type b{font-size:25px}.cx-type span{font-size:11px;color:var(--cx-muted);align-self:center}.cx-components{display:flex;flex-wrap:wrap;gap:7px;padding-top:20px}.cx-components span{border:1px solid var(--cx-line);padding:7px 10px;border-radius:5px;font-size:10px}
.cx-outcome{background:#111827;color:#fff}.cx-outcome .cx-label{color:#8fb0ff}.cx-results{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.cx-results>div{border-top:1px solid #303743;padding:20px 0}.cx-results b{font:600 10px "DM Mono";color:#8fb0ff;display:block}.cx-results strong{display:block;font-size:16px;margin:8px 0}.cx-results p{font-size:12px;line-height:1.6;color:#b8bec9;margin:0}
.cx-final{padding:120px 0;background:#f5f7fa;text-align:center}.cx-final .cx-label{justify-content:center}.cx-final h2{max-width:850px;margin:15px auto;font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.06em}.cx-final h3{max-width:850px;margin:0 auto;font-size:clamp(1.5rem,3vw,2.6rem);font-weight:500;line-height:1.2}.cx-final h3 em{font-style:normal;color:var(--cx-blue)}.cx-final p:last-child{margin:30px 0 0;color:var(--cx-muted);font:500 12px "DM Mono";letter-spacing:.08em;text-transform:uppercase}
@media(max-width:991px){.cx-hero-grid{grid-template-columns:1fr}.cx-goals{grid-template-columns:1fr 1fr}.cx-screen-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.cx-section,.cx-hero{padding:70px 0}.cx-metrics,.cx-principles,.cx-challenge-grid,.cx-role-cards,.cx-personas,.cx-results{grid-template-columns:1fr}.cx-flow{grid-template-columns:1fr}.cx-flow>i{display:none}.cx-goals,.cx-screen-grid{grid-template-columns:1fr}.cx-type{display:block}.cx-type span{display:block;margin-top:8px}.cx-dashboard{margin-top:15px}.cx-hero h1{font-size:3rem}}
/* CredX iPhone 16 screen gallery */
.cx-screens-section .row{align-items:flex-start}
.cx-phone-card{display:flex;flex-direction:column;align-items:center}
.cx-iphone16{position:relative;width:min(100%,310px);aspect-ratio:9 / 18.9;padding:8px;background:#15171b;border:2px solid #2b2e34;border-radius:46px;box-shadow:0 24px 55px rgba(17,24,39,.18),inset 0 0 0 2px #090a0c;overflow:hidden}
.cx-iphone16::before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.12);border-radius:42px;pointer-events:none;z-index:4}
.cx-iphone16::after{content:"";position:absolute;top:9px;left:50%;width:32%;height:25px;transform:translateX(-50%);background:#08090b;border-radius:0 0 17px 17px;z-index:5;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.cx-iphone-speaker{position:absolute;z-index:6;top:18px;left:50%;width:48px;height:4px;transform:translateX(-50%);border-radius:10px;background:#272a30}
.cx-iphone-screen{position:relative;width:100%;height:100%;border-radius:38px;overflow-y:auto;overflow-x:hidden;background:#fff;scrollbar-width:thin;scrollbar-color:#9ca3af transparent;-webkit-overflow-scrolling:touch}
.cx-iphone-screen::-webkit-scrollbar{width:5px}
.cx-iphone-screen::-webkit-scrollbar-track{background:transparent}
.cx-iphone-screen::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:10px}
.cx-iphone-screen img{display:block;width:100%;height:auto;max-width:none;margin:0}
.cx-phone-card figcaption{width:min(100%,310px);padding:16px 4px 0}
.cx-phone-card figcaption strong{display:block;font-size:14px;line-height:1.35}
.cx-phone-card figcaption span{display:block;margin-top:5px;font-size:11px;line-height:1.55;color:var(--cx-muted)}
@media(max-width:991px){.cx-iphone16{width:min(100%,290px)}.cx-phone-card figcaption{width:min(100%,290px)}}
@media(max-width:575px){.cx-iphone16{width:min(100%,300px)}.cx-phone-card figcaption{width:min(100%,300px)}}