
.credo-showcase{padding:48px 20px;background:#eef3fb;background-image:linear-gradient(#153f7c0b 1px,transparent 1px),linear-gradient(90deg,#153f7c0b 1px,transparent 1px);background-size:100px 100px}.showcase-wrap{max-width:1088px;margin:auto}.showcase-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.showcase-controls button,.showcase-controls a{border:1px solid #233e65;border-radius:99px;padding:10px 15px;background:white;color:#153f7c;font:700 14px system-ui;text-decoration:none;cursor:pointer}.showcase-controls button[aria-pressed="true"]{background:#153f7c;color:white}.showcase-screen{position:relative;overflow:hidden;width:100%;aspect-ratio:1280/720;border:3px solid #17375e;border-radius:12px;background:white}.showcase-screen iframe{width:1280px;height:720px;border:0;transform-origin:0 0;pointer-events:none}.showcase-time{font:600 12px system-ui;color:#38536e}.showcase-title{font-size:clamp(25px,4vw,40px)}.showcase-note{font-size:13px;margin-top:12px;color:#42556b}

/* Discovery journey: choice first, business brief before design. */
.credo-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.credo-choice{display:block!important;border:1px solid #c7d4e5!important;border-radius:12px!important;overflow:hidden;background:#fff!important;color:#122d50!important;text-decoration:none!important;padding:0!important;transition:transform .2s}.credo-choice:hover{transform:translateY(-3px)}.credo-choice img{width:100%;height:150px;object-fit:cover;display:block}.credo-choice b,.credo-choice span{display:block;padding:0 16px}.credo-choice b{font-size:16px;margin-top:14px}.credo-choice span{font-size:12px;font-weight:400;margin:6px 0 16px}.credo-choice:focus-visible{outline:3px solid #164fa4;outline-offset:4px}.credo-discovery-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.credo-discovery-actions a{background:#173e75;color:#fff;padding:13px 20px;border-radius:7px;font-weight:700;text-decoration:none}.credo-discovery-actions a+ a{background:transparent;color:#173e75;border:1px solid #173e75}.credo-discovery-box{padding:24px;border:1px solid #b9cae2;background:#ffffffc9;border-radius:12px;margin:24px 0}.credo-discovery-box h3{margin:0 0 10px;font-size:23px}.credo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.credo-steps b{display:block;font-size:17px;margin:8px 0}.credo-steps p{font-size:14px;margin:0}.credo-reasons{padding:64px 20px;background:#f7f9fc;background-image:linear-gradient(#153f7c08 1px,transparent 1px),linear-gradient(90deg,#153f7c08 1px,transparent 1px);background-size:80px 80px}.credo-reasons-inner{max-width:1088px;margin:auto}.credo-reasons h2{font-size:clamp(30px,4vw,46px);line-height:1.15;max-width:800px}.credo-reasons-intro{max-width:750px;line-height:1.7}.credo-reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.credo-reasons article{background:white;border:1px solid #d5dfeb;border-radius:12px;padding:26px}.credo-reasons article span{font-size:12px;font-weight:700;color:#23578e}.credo-reasons h3{font-size:21px;line-height:1.2;margin:18px 0 12px}.credo-reasons article p{font-size:14px;line-height:1.7}.credo-brief-extra{border-top:1px solid #bcc9d8;padding-top:18px;margin-top:22px}.credo-brief-extra summary{font-weight:700;cursor:pointer;margin-bottom:15px}.credo-brief-hint{font-size:13px;line-height:1.6;color:#465871}.field select{width:100%;max-width:100%;padding:12px;border:1px solid #b7c4d3;border-radius:6px;background:#fff;color:#172a40;font:inherit}.field textarea{min-height:90px}@media(max-width:700px){.credo-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.credo-choice img{height:110px}.credo-choice b{font-size:14px;padding:0 12px}.credo-choice span{padding:0 12px}.credo-steps,.credo-reasons-grid{grid-template-columns:1fr}.credo-discovery-box{padding:20px}.credo-reasons{padding:45px 20px}}@media(prefers-reduced-motion:reduce){.credo-choice{transition:none}}
