@charset "UTF-8";.p-demo .roles-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--light);margin-bottom:20px}.p-demo .roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:800px){.p-demo .roles-grid{grid-template-columns:1fr}}.p-demo .hero-cta{display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:var(--white);font-family:var(--serif);font-size:1rem;font-weight:700;padding:15px 34px;border-radius:8px;text-decoration:none;transition:background .15s,transform .12s;box-shadow:0 4px 18px rgba(59,125,232,.28);margin-bottom:12px}.p-demo .role-card{background:var(--white);border-radius:12px;border:1.5px solid rgba(30,45,77,.08);padding:28px;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s}.p-demo .role-card:hover{border-color:rgba(59,125,232,.3);box-shadow:0 4px 20px rgba(59,125,232,.08)}.p-demo .role-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue);border-radius:12px 12px 0 0;opacity:.4}.p-demo .role-card.featured::before{opacity:1}.p-demo .role-card h3{color:var(--ink2)}.p-demo .role-card p{color:var(--mid)}.p-demo .role-best,.p-demo .role-tag{font-weight:700;text-transform:uppercase;color:var(--blue)}.p-demo .role-tag{font-size:.62rem;letter-spacing:.1em;margin-bottom:12px;display:block}.p-demo .role-best{display:inline-block;margin-top:14px;font-size:.65rem;letter-spacing:.06em;background:var(--pale);padding:3px 9px;border-radius:4px}.p-demo .exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:800px){.p-demo .exp-grid{grid-template-columns:1fr}}.p-demo .exp-card{border-radius:12px;padding:28px;border:1.5px solid rgba(30,45,77,.08);background:var(--bg)}.p-demo .exp-card h3,.p-demo .role-card h3{font-family:var(--serif);font-size:1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.p-demo .exp-card p,.p-demo .role-card p{font-size:.82rem;line-height:1.6}.p-demo .exp-card:not(.dark) h3{color:var(--ink2)}.p-demo .exp-card:not(.dark) .exp-steps li,.p-demo .exp-card:not(.dark) p{color:var(--mid)}.p-demo .exp-card:not(.dark) .exp-tag,.p-demo .exp-card:not(.dark) .sn{background:var(--pale);color:var(--blue)}.p-demo .exp-card:not(.dark) .exp-steps li strong{color:var(--ink)}.p-demo .exp-card.dark{background:var(--ink2);border-color:transparent;grid-column:span 2}.p-demo .exp-card.dark h3{color:var(--white);font-size:1.1rem}.p-demo .exp-card.dark p{color:rgba(255,255,255,.45)}.p-demo .exp-card.dark .exp-tag{background:rgba(59,125,232,.2);color:#7fb3ff}.p-demo .exp-card.dark .exp-steps li{color:rgba(255,255,255,.55)}.p-demo .exp-card.dark .exp-steps li strong{color:rgba(255,255,255,.85)}.p-demo .exp-card.dark .sn{background:rgba(59,125,232,.25);color:#7fb3ff}@media (max-width:800px){.p-demo .exp-card.dark{grid-column:span 1}}.p-demo .exp-tag{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:inline-block;padding:3px 9px;border-radius:4px;margin-bottom:14px}.p-demo .exp-steps{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:16px}.p-demo .exp-steps li{display:flex;align-items:flex-start;gap:11px;font-size:.82rem;line-height:1.5}.p-demo .exp-steps li strong{font-weight:600}.p-demo .sn{width:19px;height:19px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:800;margin-top:1px}.p-demo .panel-box{background:var(--white);border-radius:14px;border:1.5px solid rgba(30,45,77,.08);padding:40px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}@media (max-width:800px){.p-demo .panel-box{grid-template-columns:1fr}}.p-demo .panel-box h3{font-family:var(--serif);font-size:1.15rem;font-weight:800;color:var(--ink2);letter-spacing:-.025em;margin-bottom:8px}.p-demo .panel-box>div>p{font-size:.85rem;color:var(--mid);line-height:1.65;max-width:520px}.p-demo .panel-icon{width:46px;height:46px;background:var(--pale);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.p-demo .panel-icon i[data-lucide]{color:var(--blue)}.p-demo .panel-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:16px}.p-demo .panel-list li{display:flex;align-items:center;gap:9px;font-size:.82rem;color:var(--mid)}.p-demo .panel-list li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0}.p-demo .panel-badge{background:var(--ink2);border-radius:10px;padding:24px 28px;min-width:210px;text-align:center;flex-shrink:0}.p-demo .panel-badge-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:10px}.p-demo .panel-badge-text{font-family:var(--serif);font-size:.88rem;font-weight:600;color:var(--white);line-height:1.6}.p-demo .panel-badge-text em{font-style:normal;color:rgba(255,255,255,.4);font-size:.78rem;display:block;margin-top:4px}