/* MyProID 2.3.14 sanitized stylesheet. No historical append-only layers. */
.hero{padding:92px 0 100px;background:radial-gradient(circle at 13% 9%,rgba(113,72,238,.13),transparent 34%),radial-gradient(circle at 86% 25%,rgba(169,107,244,.13),transparent 32%),linear-gradient(180deg,#fbfbfe,#f1f2fa);position:relative;overflow:hidden;color:var(--hero-ink)}
.hero:after{content:"";position:absolute;inset:auto -8% -190px 35%;height:330px;border-radius:50%;filter:blur(2px);background:color-mix(in srgb,var(--brand) 5%,transparent)}
.hero h1{font-size:clamp(3rem,6.4vw,5.8rem);line-height:.94;letter-spacing:-.065em;margin:20px 0 22px;max-width:820px}
.hero p{max-width:690px;margin:0;font-size:clamp(1rem,1.8vw,1.2rem);color:var(--hero-muted)}
.demo-profile-v23{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#f9fafc;color:#111522;box-shadow:0 36px 90px rgba(0,0,0,.34)}
.demo-profile-cover{height:112px;padding:18px 20px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(125deg,#20263b,#654ae8 56%,#bd3b8b);color:#fff}
.demo-profile-cover>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:900}
.demo-profile-cover small{font-weight:900;letter-spacing:.12em;opacity:.8}
.demo-profile-avatar{width:78px;height:78px;margin-top:-38px;border:5px solid #f9fafc;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900}
.demo-profile-identity{display:grid;gap:2px;margin-top:10px}
.demo-profile-identity strong{font-size:1.15rem}
.demo-profile-identity span{font-size:.79rem;color:#5d6676}
.demo-profile-identity small{display:flex;align-items:center;gap:5px;color:#7a8495;font-size:.69rem}
.demo-profile-identity svg{width:13px;height:13px}
.demo-profile-primary{margin-top:15px;padding:11px 14px;border-radius:12px;background:#654ae8;color:#fff;text-align:center;font-size:.78rem;font-weight:900;display:flex;justify-content:center;gap:7px;align-items:center}
.demo-profile-primary svg{width:15px;height:15px}
.demo-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.demo-profile-actions span{display:flex;justify-content:center;align-items:center;gap:6px;padding:9px;border:1px solid #dde2eb;border-radius:11px;font-size:.68rem;font-weight:850}
.demo-profile-actions svg{width:14px;height:14px}
.hero-metrics{padding:16px;border-radius:22px;backdrop-filter:blur(16px);border:1px solid var(--hero-line);background:var(--hero-soft);color:var(--hero-ink);box-shadow:var(--shadow-sm)}
.hero-metrics-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}
.hero-metrics-head span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--hero-muted)}
.hero-metrics-head strong{font-size:.76rem;color:var(--hero-ink)}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.metric-card{min-width:0;padding:11px;border-radius:13px;border:1px solid var(--hero-line);background:var(--surface)}
.metric-card strong{display:block;font-size:1.35rem;line-height:1;font-weight:950;letter-spacing:-.04em}
.metric-card span{display:block;margin-top:6px;font-size:.62rem;line-height:1.25;color:var(--hero-muted)}
.metric-card small{display:block;margin-top:4px;font-size:.55rem;color:var(--muted)}
.hero-metrics>p{margin:10px 1px 0;font-size:.62rem;color:var(--hero-muted)}
.benefit-grid-v23{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
html[data-theme="dark"] .demo-profile-v23{box-shadow:0 36px 90px rgba(0,0,0,.42)}
.metric-card[data-state="measuring"],.metric-card[data-state="pending"]{background:color-mix(in srgb,var(--surface) 92%,var(--brand) 8%)}
.metric-card[data-state="measuring"] strong,.metric-card[data-state="pending"] strong{font-size:.82rem;line-height:1.15;letter-spacing:0;color:var(--brand)}
.metric-state-mark{display:flex!important;align-items:center;gap:6px;color:#b7abd8!important;font-size:.58rem!important}
.metric-state-mark:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(140,120,255,.08)}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.journey-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}
.journey-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--surface);font-weight:950}
.journey-card h3{margin:14px 0 7px}
.journey-card p{margin:0;color:var(--muted)}
.section-actions{display:flex;justify-content:center;margin-top:24px}
.hero-v232{position:relative;overflow:hidden;padding:58px 0 72px;background:radial-gradient(circle at 10% 0,var(--hero-glow-a),transparent 34%),radial-gradient(circle at 92% 18%,var(--hero-glow-b),transparent 30%),var(--hero-bg);color:var(--hero-ink)}
.hero-v232:before{content:"";position:absolute;inset:0;background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 75%);pointer-events:none;background:linear-gradient(90deg,var(--hero-grid) 1px,transparent 1px),linear-gradient(var(--hero-grid) 1px,transparent 1px)}
.hero-v232-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:46px;align-items:start}
.hero-v232-copy{min-width:0;padding-top:4px}
.hero-brandline-v232{display:inline-flex;align-items:center;gap:12px;margin-bottom:12px;padding:9px 12px 9px 9px;border-radius:18px;border:1px solid var(--hero-line);background:var(--hero-soft);box-shadow:var(--shadow-sm)}
.hero-brandline-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:3px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.hero-brandline-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:11px}
.hero-brandline-copy{display:grid;gap:2px}
.hero-brandline-copy strong{font-size:.95rem;line-height:1;color:var(--hero-ink)}
.hero-v232-copy .brand-baseline{display:block;margin:0;color:var(--brand)}
.hero-v232-copy h1{max-width:720px;margin:16px 0 20px;font-size:clamp(3.2rem,5.6vw,5.6rem);line-height:.93;letter-spacing:-.062em}
.hero-v232-copy>p{max-width:650px;color:var(--hero-muted)}
.hero-facts-v232{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:26px;max-width:620px}
.hero-fact-v232{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:13px;font-size:.73rem;font-weight:750;border:1px solid var(--hero-line);background:var(--hero-soft);color:var(--hero-muted)}
.hero-fact-v232 svg{width:16px;height:16px;color:#b7a8ff}
.hero-v232-showcase{display:grid;gap:16px;min-width:0;perspective:1400px}
.fictional-label-v232{justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--hero-line);background:var(--hero-soft);color:var(--hero-muted)}
.demo-profile-v232{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:linear-gradient(180deg,#fbfcff,#f1f4fb 100%);color:#111522;box-shadow:0 34px 90px rgba(0,0,0,.35),0 8px 24px rgba(86,67,181,.16);transform:rotate(-2.2deg) translateY(0);transform-origin:50% 0;transition:transform .28s ease,box-shadow .28s ease}
.demo-profile-v232:before{content:"";position:absolute;inset:0;border-radius:32px;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(123,92,255,.14),rgba(255,255,255,.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.demo-profile-v232:hover{transform:rotate(-1.25deg) translateY(-6px);box-shadow:0 44px 100px rgba(0,0,0,.38),0 16px 34px rgba(86,67,181,.18)}
.demo-profile-cover-v232{position:relative;min-height:148px;padding:18px 20px 22px;display:grid;align-content:space-between;gap:18px;background:linear-gradient(120deg,#252b43,#6749eb 56%,#c23b91);background-image:url("/assets/branding/demo-clara-cover.svg");background-size:cover;background-position:center}
.demo-profile-cover-v232:after{content:"";position:absolute;inset:auto 0 0 0;height:56px;background:linear-gradient(180deg,transparent,rgba(12,16,27,.18))}
.demo-profile-cover-top,.demo-profile-cover-copy-v232{position:relative;z-index:1}
.demo-profile-cover-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.demo-profile-wordmark{width:122px;height:auto}
.demo-profile-fictive{padding:6px 9px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;font-size:.57rem;font-weight:900;letter-spacing:.08em;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.demo-profile-cover-copy-v232{display:grid;gap:4px;max-width:70%;color:#fff}
.demo-profile-cover-copy-v232 span{font-size:.63rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.demo-profile-cover-copy-v232 strong{font-size:1.04rem;line-height:1.15}
.demo-profile-cover-copy-v232 small{font-size:.67rem;color:rgba(255,255,255,.86)}
.demo-profile-body-v232{padding:0 20px 20px}
.demo-profile-head-v232{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:end}
.demo-profile-avatar-v232{width:86px;height:86px;margin-top:-43px;border:5px solid #f7f9fd;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#101625,#28334e);box-shadow:0 10px 28px rgba(0,0,0,.14)}
.demo-profile-avatar-v232 img{display:block;width:100%;height:100%;object-fit:cover}
.demo-profile-identity-v232{display:grid;gap:3px;margin-top:10px}
.demo-profile-title-row-v232{display:flex;align-items:center;justify-content:space-between;gap:10px}
.demo-profile-identity-v232 strong{font-size:1.22rem;line-height:1.05}
.demo-profile-identity-v232>span{color:#5f6878;font-size:.78rem}
.demo-profile-status-v232{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:linear-gradient(90deg,#f1edff,#f8f6ff);color:#604ad1;font-size:.57rem;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px rgba(98,74,231,.12)}
.demo-profile-status-v232 svg{width:12px;height:12px}
.demo-profile-meta-v232{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;color:#7b8493;font-size:.66rem}
.demo-profile-meta-v232 span{display:inline-flex;align-items:center;gap:4px}
.demo-profile-meta-v232 svg{width:12px;height:12px}
.demo-profile-primary-v232{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:13px 15px;border-radius:14px;background:linear-gradient(90deg,#654ae8,#8a5bff);color:#fff;font-size:.79rem;font-weight:900;box-shadow:0 14px 28px rgba(101,74,232,.26);animation:demoPulse 3.8s ease-in-out infinite}
.demo-profile-primary-v232 svg{width:15px;height:15px}
.demo-profile-trust-v232{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px}
.demo-profile-trust-v232 span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#f4f6fb;color:#4e5b72;font-size:.59rem;font-weight:850;border:1px solid #e4e9f2}
.demo-profile-trust-v232 svg{width:12px;height:12px;color:#644be7}
.demo-profile-actions-v232{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.demo-profile-actions-v232 span{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #dce2eb;border-radius:12px;background:rgba(255,255,255,.9);font-size:.68rem;font-weight:850}
.demo-profile-actions-v232 svg{width:14px;height:14px}
.demo-profile-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.demo-profile-channels-v232{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.demo-profile-channels-v232 span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #dfe4ec;border-radius:10px;background:#fff;color:#526071;font-size:.57rem;font-weight:800}
.demo-profile-channels-v232 svg{width:12px;height:12px;color:#6749e8}
.demo-profile-footer-v232{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:12px;border:1px solid #e7e9f1;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f6f8fc)}
.demo-profile-qr{width:44px;height:44px;display:grid;place-items:center;border:1px solid #dbe0e8;border-radius:12px;background:#fff;color:#111827;box-shadow:0 8px 18px rgba(17,24,39,.06)}
.demo-profile-qr svg{width:22px;height:22px}
.demo-profile-link-v232{min-width:0}
.demo-profile-link-v232 strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}
.demo-profile-link-v232 small{display:block;color:#7a8494;font-size:.56rem}
.demo-profile-updated-v232{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:999px;background:linear-gradient(180deg,#eefcf7,#f7fffc);color:#1f6d58;font-size:.57rem;font-weight:900;white-space:nowrap;border:1px solid #cde9df}
.demo-profile-updated-v232 svg{width:12px;height:12px;color:#1f7a60}
@keyframes demoPulse{0%,100%{transform:translateY(0);box-shadow:0 14px 28px rgba(101,74,232,.26)}50%{transform:translateY(-1px);box-shadow:0 18px 32px rgba(101,74,232,.34)}}

/* V2.3.22 - demo profile interaction and MyProID brand recall */
.demo-profile-v232-link{display:block;color:inherit;text-decoration:none;border-radius:32px;outline:none}
.demo-profile-v232-link:focus-visible{box-shadow:0 0 0 4px rgba(123,92,255,.35);border-radius:32px}
.demo-profile-brand-lockup{display:inline-flex;align-items:center;gap:8px;min-width:0}
.demo-profile-mark{display:block;width:28px;height:28px;object-fit:contain;border-radius:8px;box-shadow:0 4px 14px rgba(12,16,27,.2)}
.demo-profile-brand-lockup .demo-profile-wordmark{width:112px;max-width:calc(100% - 36px)}
.demo-profile-pmark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e1e5ef;border-radius:10px;background:#fff;box-shadow:0 6px 16px rgba(17,24,39,.06)}
.demo-profile-pmark img{display:block;width:25px;height:25px;object-fit:contain}
.demo-profile-footer-v232{grid-template-columns:auto auto minmax(0,1fr) auto}