/* BCaly 4.9.3 — Simple & Connected Experience */
:root{--xp-violet:#6d4aff;--xp-blue:#2789e8;--xp-cyan:#19aeca;--xp-mint:#17a77f;--xp-pink:#d84e83;--xp-ink:#17142b;--xp-line:#e6e1ef;--xp-soft:#f7f5fb}

/* Connected workflow inside the app */
.experience-dock{position:relative;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin:0 0 20px;padding:10px;border:1px solid color-mix(in srgb,var(--border,#ddd) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);box-shadow:0 12px 35px rgba(25,18,53,.06);backdrop-filter:blur(18px)}
.experience-dock-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}
.experience-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;gap:9px;align-items:center;min-width:0;padding:10px 12px;border-radius:13px;color:var(--text,#211d34);text-decoration:none;transition:.18s ease}
.experience-step:not(:last-child)::after{content:"";position:absolute;right:-1px;top:24%;bottom:24%;width:1px;background:var(--border,#e7e2ef)}
.experience-step>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f0ecff;color:var(--xp-violet)}
.experience-step>i svg,.experience-create svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.experience-step span{min-width:0}.experience-step strong,.experience-step small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experience-step strong{font-size:12px}.experience-step small{margin-top:2px;color:var(--muted,#777);font-size:9.5px}.experience-step>b{color:var(--muted,#aaa);font-size:12px}
.experience-step:hover{background:var(--xp-soft);transform:translateY(-1px)}
.experience-step.active{background:linear-gradient(135deg,#f0ecff,#faf9ff);box-shadow:inset 0 0 0 1px #dcd2ff}.experience-step.active strong{color:#5635d3}
.experience-step-book>i{background:#eaf5ff;color:var(--xp-blue)}.experience-step-serve>i{background:#e8f9f5;color:var(--xp-mint)}.experience-step-communicate>i{background:#e8f9fc;color:var(--xp-cyan)}.experience-step-return>i{background:#fff0f5;color:var(--xp-pink)}
.experience-create{position:relative}.experience-create summary{display:flex;align-items:center;justify-content:center;gap:7px;height:100%;min-height:48px;padding:0 17px;border-radius:13px;background:var(--xp-violet);color:#fff;font-size:12px;font-weight:850;cursor:pointer;list-style:none;white-space:nowrap}.experience-create summary::-webkit-details-marker{display:none}.experience-create summary span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#ffffff24;font-size:16px}
.experience-create>div{position:absolute;z-index:40;right:0;top:calc(100% + 9px);display:grid;width:285px;padding:8px;border:1px solid var(--border,#e8e3ef);border-radius:16px;background:var(--surface,#fff);box-shadow:0 24px 65px rgba(24,18,48,.2)}
.experience-create>div a{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px;border-radius:11px;color:var(--text,#211d34);text-decoration:none}.experience-create>div a:hover{background:var(--xp-soft)}.experience-create>div i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f1edff;color:var(--xp-violet)}.experience-create>div strong,.experience-create>div small{display:block}.experience-create>div strong{font-size:12px}.experience-create>div small{margin-top:2px;color:var(--muted,#777);font-size:10px}

.experience-today{margin:0 0 20px;padding:20px;border:1px solid var(--border,#e7e2ef);border-radius:20px;background:linear-gradient(145deg,var(--surface,#fff),color-mix(in srgb,var(--surface,#fff) 82%,#ede8ff));box-shadow:0 18px 45px rgba(30,22,63,.07)}
.experience-today>header{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:15px}.experience-today>header span,.experience-connection-panel>div>span{color:var(--xp-violet);font-size:9.5px;font-weight:900;letter-spacing:.13em}.experience-today h3,.experience-connection-panel h3{margin:4px 0 0;font-size:20px;letter-spacing:-.025em}.experience-today>header>a{color:var(--xp-violet);font-size:11px;font-weight:800;text-decoration:none}
.experience-attention-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:10px}.attention-card{display:grid;grid-template-columns:40px minmax(0,1fr) 12px;gap:10px;align-items:center;min-width:0;padding:14px;border:1px solid var(--border,#e7e2ef);border-radius:15px;background:var(--surface,#fff);color:var(--text,#211d34);text-decoration:none;transition:.18s ease}.attention-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,18,48,.08)}.attention-card>i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#f0ecff;color:var(--xp-violet)}.attention-card>i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.attention-card span{min-width:0}.attention-card small,.attention-card strong,.attention-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-card small{color:var(--muted,#777);font-size:8.5px;font-style:normal;font-weight:900;letter-spacing:.1em}.attention-card strong{margin-top:3px;font-size:15px}.attention-card em{margin-top:2px;color:var(--muted,#777);font-size:10px;font-style:normal}.attention-card>b{color:var(--muted,#aaa)}.attention-pending>i{background:#fff4df;color:#b9770a}.attention-pending.has-value{border-color:#f1cc83}.attention-tasks>i{background:#e8f9fc;color:var(--xp-cyan)}.attention-tasks.has-value{border-color:#8ad9e7}.attention-stock>i{background:#fff0f5;color:var(--xp-pink)}.attention-stock.has-value{border-color:#f0a4be}
.experience-connection-panel{display:grid;grid-template-columns:minmax(280px,.85fr) 1.5fr;gap:22px;align-items:center;margin:0 0 22px;padding:22px;border-radius:21px;background:linear-gradient(135deg,#17142b,#2f2455);color:#fff;box-shadow:0 20px 48px rgba(24,18,48,.16)}.experience-connection-panel h3{font-size:24px}.experience-connection-panel p{margin:8px 0 0;color:#c7c0d7;font-size:12px;line-height:1.65}.experience-connection-panel ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.experience-connection-panel li a{display:block;min-height:108px;padding:13px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff0b;color:#fff;text-decoration:none}.experience-connection-panel li a:hover{background:#ffffff14}.experience-connection-panel li b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#765cff;font-size:9px}.experience-connection-panel li strong,.experience-connection-panel li small{display:block}.experience-connection-panel li strong{margin-top:13px;font-size:11px}.experience-connection-panel li small{margin-top:3px;color:#aaa3bb;font-size:9px;line-height:1.35}.experience-connection-panel li:nth-child(2) b{background:var(--xp-blue)}.experience-connection-panel li:nth-child(3) b{background:var(--xp-mint)}.experience-connection-panel li:nth-child(4) b{background:var(--xp-cyan)}.experience-connection-panel li:nth-child(5) b{background:var(--xp-pink)}

/* Public: simplicity and connection */
.v493-simple{position:relative;overflow:hidden;padding:110px 0;background:#17142b;color:#fff}.v493-simple::before,.v493-simple::after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.v493-simple::before{width:480px;height:480px;left:-260px;top:-260px;background:#6d4aff33}.v493-simple::after{width:420px;height:420px;right:-250px;bottom:-250px;background:#19b5d122}.v493-simple .v490-heading h2{color:#fff}.v493-simple .v490-heading p{color:#bdb6cd}.v493-system-map{position:relative;display:grid;grid-template-columns:.82fr 1.5fr;gap:28px;align-items:center;margin-top:48px}.v493-client-core{position:relative;display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;padding:24px;border:1px solid #ffffff1d;border-radius:22px;background:linear-gradient(145deg,#ffffff13,#ffffff08);box-shadow:0 28px 75px #0005}.v493-client-core>i{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#7c62ff,#4f35c8);font-style:normal;font-weight:900}.v493-client-core small,.v493-client-core strong,.v493-client-core em{display:block}.v493-client-core small{color:#a89fbc;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.v493-client-core strong{margin-top:4px;font-size:22px}.v493-client-core em{margin-top:5px;color:#c3bdd0;font-size:11px;font-style:normal;line-height:1.5}.v493-client-core>b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid #ffffff25;color:#7de6ca;font-size:12px}.v493-system-map ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.v493-system-map li{position:relative;min-height:185px;padding:18px;border:1px solid #ffffff16;border-radius:18px;background:#ffffff09}.v493-system-map li>b{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#765cff;font-size:10px}.v493-system-map li strong,.v493-system-map li small{display:block}.v493-system-map li strong{margin-top:22px;font-size:14px}.v493-system-map li small{margin-top:8px;color:#aaa3bb;font-size:10.5px;line-height:1.6}.v493-system-map li>i{position:absolute;right:14px;bottom:13px;color:#ffffff4f;font-style:normal}.v493-system-map .stage-2>b{background:var(--xp-blue)}.v493-system-map .stage-3>b{background:var(--xp-mint)}.v493-system-map .stage-4>b{background:var(--xp-cyan)}.v493-system-map .stage-5>b{background:var(--xp-pink)}.v493-simple-note{display:flex;justify-content:center;gap:10px;align-items:center;margin:26px auto 0;color:#c7c0d6;font-size:12px}.v493-simple-note i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#7de6ca20;color:#7de6ca;font-style:normal}
.bcaly-v490 .v490-command{box-shadow:0 40px 100px rgba(31,20,70,.28)}.bcaly-v490 .v490-platform-grid article{transition:.2s ease}.bcaly-v490 .v490-platform-grid article:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(28,19,61,.11)}

@media(max-width:1180px){.experience-dock{display:block;overflow:visible}.experience-dock-track{overflow-x:auto;grid-template-columns:repeat(5,minmax(155px,1fr));padding-bottom:5px}.experience-create{position:absolute;right:9px;top:-54px}.experience-create summary{min-height:40px}.experience-attention-grid{grid-template-columns:repeat(2,1fr)}.experience-connection-panel{grid-template-columns:1fr}.v493-system-map{grid-template-columns:1fr}.v493-system-map ol{grid-template-columns:repeat(5,1fr)}}
@media(max-width:820px){.experience-dock{margin-left:-4px;margin-right:-4px;border-radius:15px}.experience-step{grid-template-columns:31px 1fr 10px;padding:9px}.experience-step>i{width:31px;height:31px}.experience-create{top:-50px}.experience-today{padding:16px}.experience-today>header{align-items:start}.experience-attention-grid{grid-template-columns:1fr 1fr}.experience-connection-panel{padding:18px}.experience-connection-panel ol{overflow-x:auto;grid-template-columns:repeat(5,minmax(120px,1fr));padding-bottom:5px}.v493-simple{padding:78px 0}.v493-system-map ol{grid-template-columns:repeat(2,1fr)}.v493-system-map li:last-child{grid-column:1/-1;min-height:145px}}
@media(max-width:520px){.experience-today>header{display:block}.experience-today>header>a{display:inline-block;margin-top:8px}.experience-attention-grid{grid-template-columns:1fr}.attention-card{padding:12px}.experience-connection-panel h3{font-size:21px}.v493-client-core{grid-template-columns:48px 1fr;padding:18px}.v493-client-core>i{width:48px;height:48px}.v493-client-core>b{grid-column:2;justify-self:start;width:auto;height:auto;padding:5px 9px;border-radius:999px}.v493-system-map ol{grid-template-columns:1fr}.v493-system-map li,.v493-system-map li:last-child{min-height:auto}.v493-system-map li small{padding-right:20px}}
@media(prefers-reduced-motion:reduce){.experience-step,.attention-card,.v490-platform-grid article{transition:none!important}.experience-step:hover,.attention-card:hover,.v490-platform-grid article:hover{transform:none!important}}