/* Joya product page, scoped to the shared corporate design. */
header nav a[aria-current="location"]{font-weight:700;color:#171717}
.joya-breadcrumb{display:flex;gap:12px;align-items:center;font-size:15px;color:#626262;padding-top:32px}
.joya-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px 0 64px}
.joya-hero h1{font-size:52px;font-weight:500;letter-spacing:-1.5px;margin:18px 0 20px;line-height:1.15}
.joya-hero h2{font-size:34px;letter-spacing:-.8px;font-weight:500;line-height:1.25;margin:0 0 20px}
.joya-page p{font-size:17px;line-height:1.7;color:#626262}
.joya-page .label{font-size:13px;line-height:1.6;letter-spacing:1.2px}
.joya-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.joya-actions .button{margin-top:0;border-radius:4px}
.joya-signin,.joya-jump{font-size:16px;line-height:1.5}
.joya-jump{display:inline-block;margin-top:24px;color:#555}
.joya-section{padding:48px 0;border-top:1px solid #dedede;scroll-margin-top:24px}
.joya-section-heading{max-width:720px;margin-bottom:32px}
.joya-section h2,.joya-closing h2{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-.8px;margin:16px 0}
.joya-three{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.joya-page h3{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.4px;margin:0 0 14px}
.joya-three p,.joya-roles p{margin:0}
.joya-roles{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.joya-roles article{padding:28px;background:#f6f6f6;border:1px solid #e4e4e4;border-radius:8px}
.joya-closing{padding:32px;margin:24px 0 64px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.joya-closing .button{white-space:nowrap;margin:0;border-radius:4px}

.joya-example{border:1px solid #dcdcdc;border-radius:12px;overflow:hidden;min-width:0}.example-heading{background:#f5f5f5;padding:20px 24px;display:flex;flex-direction:column;gap:6px}.example-heading strong{font-size:19px;font-weight:500}.example-heading span{font-size:13px;color:#626262}.sample-objective{padding:24px 24px 12px}.sample-objective p{margin:8px 0}.joya-tabs{display:flex;gap:8px;padding:8px 24px 0}.joya-tabs button{flex:1;min-height:46px;padding:10px 6px;background:#fff;color:#333;border:1px solid #ccc;border-radius:5px;font:inherit;font-size:15px;cursor:pointer}.joya-tabs button[aria-selected="true"]{background:#eee;border-color:#999;font-weight:700}.joya-tabs button:hover{font-weight:700}#joya-sample{padding:24px;min-height:320px}#joya-sample .label{margin:0 0 14px}.sample-result{background:#f6f6f6;border-left:2px solid #aaa;padding:14px 16px;margin-top:20px}.sample-result p{margin:6px 0 0}.joya-page .sample-note{border-top:1px solid #e5e5e5;margin:0;padding:16px 24px;font-size:13px;line-height:1.6}.joya-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.joya-stages article{border-top:2px solid #ddd;padding-top:20px}.joya-stages h3{margin-top:14px}.joya-stages p{margin-bottom:0}.joya-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.joya-pricing article{border:1px solid #dcdcdc;border-radius:8px;padding:26px;display:flex;flex-direction:column}.joya-pricing article>p:first-of-type{min-height:58px;margin:0}.joya-page .price{font-size:32px;color:#222;margin:24px 0 8px;letter-spacing:-1px}.price span{display:block;font-size:15px;color:#626262;letter-spacing:0}.joya-pricing .button{margin-top:auto;justify-content:center;font-size:16px;border-radius:4px}.joya-page .pricing-note{font-size:15px;margin-top:20px}.joya-actions a{font-size:16px}
@media(max-width:1000px){.joya-hero{gap:30px}.joya-three{gap:24px}.joya-pricing article{padding:20px}}
@media(max-width:800px){.joya-hero{grid-template-columns:1fr;gap:36px}.joya-example{max-width:560px;width:100%}.joya-three,.joya-pricing{grid-template-columns:1fr;gap:28px}.joya-stages{grid-template-columns:1fr 1fr}.joya-closing{align-items:flex-start;flex-direction:column}.joya-pricing article>p:first-of-type{min-height:0}.joya-pricing .button{margin-top:20px}}
@media(max-width:720px){.joya-hero{padding:32px 0 40px}.joya-hero h1{font-size:40px}.joya-hero h2,.joya-section h2,.joya-closing h2{font-size:28px}.joya-roles,.joya-stages{grid-template-columns:1fr}.joya-roles article{padding:22px}.joya-section{padding:36px 0}.joya-closing{padding:24px;margin-bottom:40px}.joya-breadcrumb{padding-top:24px}.joya-tabs{padding:8px 18px 0}.sample-objective{padding:20px 18px 12px}#joya-sample{padding:22px 18px;min-height:340px}}