.bcx{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 40px);color:var(--ink);font-family:var(--font-body)}.bcx[hidden]{display:none}.bcx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.bcx-prog{position:relative;z-index:3;padding:16px 18px 6px;max-width:1080px;margin:0 auto}.bcx-grid{display:grid;grid-template-columns:1fr;gap:6px;padding:0 18px 56px;max-width:1080px;margin:0 auto;min-height:74svh}.bcx-figure{height:150px;display:grid;place-items:center}.bcx-figure svg{height:150px;width:auto;max-width:100%;overflow:visible}.bcx-main{min-width:0;align-self:center}@media(min-width:900px){.bcx-grid{grid-template-columns:300px minmax(0,1fr);gap:56px;padding-bottom:80px}.bcx-figure{height:auto;position:sticky;top:28px;align-self:start}.bcx-figure svg{height:min(64svh,520px)}}.bcx-scene{position:relative;display:grid;gap:14px;will-change:transform,opacity}.bcx-q,.bcx-title{margin:0;font-family:var(--font-display);font-weight:500;line-height:1.12;font-size:clamp(26px,5.4vw,38px)}.bcx-voice{margin:0;font-family:var(--font-display);font-weight:500;line-height:1.2;font-size:clamp(24px,5vw,34px)}.bcx-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.bcx-copy{margin:0;font-size:16.5px;line-height:1.65}.bcx-copy.dim{opacity:.75;font-size:15px}.bcx-hint{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.65}.bcx-err{color:var(--terracotta);opacity:1;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:600;min-height:1em}.bcx-fine{margin:0;font-size:12.5px;line-height:1.5;opacity:.7}.bcx-tray{display:grid;gap:12px;margin-top:4px}.bcx-opts{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:640px){.bcx-opts{grid-template-columns:1fr 1fr}}.bcx-opt{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:12px 16px;text-align:left;border:0;background:none;color:inherit;font:inherit;font-size:16px;line-height:1.3;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}.bcx-opt .bcx-mark{flex:none;width:22px;height:22px}.bcx-opt[data-dim="1"]{opacity:.4}.bcx-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.bcx-field{min-height:56px;padding:0 14px;font:inherit;font-size:18px;width:100%;max-width:360px;color:inherit}.bcx-field.sm{max-width:120px}.bcx-seg{display:inline-flex;width:max-content}.bcx-segbtn{min-height:44px;padding:0 16px;font:inherit;font-weight:700;cursor:pointer;background:none;color:inherit;border:0}.bcx-go{min-height:56px;padding:0 26px;font:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;width:max-content;max-width:100%}.bcx-go[disabled]{opacity:.4;cursor:default}.bcx-link{background:none;border:0;font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:0 4px;cursor:pointer;color:inherit;width:max-content}.bcx-lnk{text-decoration:underline;font-weight:700}.bcx-form{display:grid;gap:12px;max-width:460px}.bcx-lab{display:grid;gap:6px;font-size:14px;font-weight:600}.bcx-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.4;min-height:44px}.bcx-consent input{width:24px;height:24px;flex:none;margin-top:1px;accent-color:var(--terracotta)}.bcx-diagram{display:block;width:100%;max-width:360px;height:auto;overflow:visible}.bcx-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.bcx-strip figure{margin:0;text-align:center}.bcx-strip svg{width:100%;max-width:46px;height:auto}.bcx-strip figcaption{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.bcx-snap{display:grid;gap:4px 18px;margin:0;font-size:15px}.bcx-snap div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid currentColor;border-bottom-color:color-mix(in srgb,currentColor 16%,transparent)}.bcx-snap dt{opacity:.65}.bcx-snap dd{margin:0;font-weight:600;text-align:right}.bcx-stack{display:grid;gap:12px}.bcx-why h4,.bcx-pro h4{margin:0 0 4px;font-size:17px}.bcx-prio{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:p}.bcx-prio li{display:grid;gap:2px;padding:14px 16px;counter-increment:p}.bcx-prio b{font-size:16.5px}.bcx-prio span{font-size:15px;line-height:1.55;opacity:.85}.bcx-class{display:grid;gap:10px;padding:22px}.bcx-classname{font-family:var(--font-display);font-size:32px;line-height:1.05}.bcx-pdf{display:grid;gap:10px}.bcx-pro{font-size:14.5px;line-height:1.6;padding:16px 18px}.bcx-pro ul{margin:6px 0;padding-left:20px}.bcx-res{display:grid;gap:30px}.bcx-typing{display:inline-flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}:where(.bcx) button:focus-visible,:where(.bcx) a:focus-visible,:where(.bcx) input:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}@media(prefers-reduced-motion:reduce){.bcx *,.bcx *:before,.bcx *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.bcx-main,.bcx-stage,.bcx-res{min-width:0;max-width:100%}.bcx-res{grid-template-columns:minmax(0,1fr)}.bcx-res>*,.bcx-res section>*{min-width:0;overflow-wrap:anywhere}.bcx-res section,.bcx-pdf,.bcx-pro,.bcx-class{grid-template-columns:minmax(0,1fr)}.bcx-pdf>*,.bcx-pro>*,.bcx-class>*{min-width:0;max-width:100%;box-sizing:border-box}.bcx-res p,.bcx-res li{overflow-wrap:anywhere}.bcx[data-theme=pearl]{--pl-ocean: #0d3b44;--pl-pearl: #f7f2ec;background:linear-gradient(180deg,#fbf7f1,#f1ebe3 55%,#e9e2d8);color:#14302f}[data-theme=pearl] .bcx-bg .pl-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:pl-drift 24s ease-in-out infinite alternate}[data-theme=pearl] .bcx-bg .a{width:52vmax;height:52vmax;left:-14vmax;top:-10vmax;background:radial-gradient(circle,#ffffff 0%,rgba(231,199,192,.55) 45%,transparent 70%)}[data-theme=pearl] .bcx-bg .b{width:46vmax;height:46vmax;right:-12vmax;top:18vmax;background:radial-gradient(circle,rgba(207,230,234,.9) 0%,rgba(232,220,198,.4) 50%,transparent 72%);animation-delay:-8s}[data-theme=pearl] .bcx-bg .c{width:38vmax;height:38vmax;left:20vmax;bottom:-16vmax;background:radial-gradient(circle,rgba(239,228,243,.9) 0%,transparent 70%);animation-delay:-15s}@keyframes pl-drift{to{transform:translate3d(5vmax,4vmax,0) scale(1.08)}}[data-theme=pearl] .pl-track{position:relative;height:22px;--p: 0}[data-theme=pearl] .pl-line{position:absolute;left:0;right:0;top:10px;height:1px;background:linear-gradient(90deg,#0d3b4459 calc(var(--p) * 100%),#0d3b441f calc(var(--p) * 100%))}[data-theme=pearl] .pl-bead{position:absolute;top:4px;left:calc(var(--p) * (100% - 14px));width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff,#f3e6e6 38%,#cfe3e7 72%,#b9ced4);box-shadow:0 2px 8px #0d3b4440,inset 0 -2px 3px #0d3b441f;transition:left 1.1s cubic-bezier(.3,.7,.2,1)}[data-theme=pearl] .pl-secs{display:flex;gap:14px;flex-wrap:wrap;list-style:none;margin:6px 0 0;padding:0}[data-theme=pearl] .pl-secs li{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.38;transition:opacity .6s}[data-theme=pearl] .pl-secs li.on{opacity:.95}[data-theme=pearl] .bcx-prog.done .pl-bead{background:radial-gradient(circle at 32% 30%,#fff,#fbe9e4 40%,#f0cfc8);box-shadow:0 0 18px #f0cfc8e6}[data-theme=pearl] .bcx-q,[data-theme=pearl] .bcx-title,[data-theme=pearl] .bcx-voice{color:var(--pl-ocean);font-style:italic;letter-spacing:-.01em}[data-theme=pearl] .bcx-kicker{color:#6b7f82}[data-theme=pearl] .pl-big{margin:6px 0;font-family:var(--font-display);font-weight:400;font-size:clamp(42px,9vw,76px);line-height:.98;letter-spacing:-.02em;background:linear-gradient(110deg,#0d3b44 10%,#5f8d96 45%,#c9a79f,#0d3b44 95%);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=pearl] .bcx-opt{border-radius:16px;background:linear-gradient(135deg,#ffffffdb,#ffffff80);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #0d3b441a,0 12px 30px #0d3b440f;opacity:0;transform:translateY(14px);animation:pl-in .9s cubic-bezier(.16,.84,.24,1) var(--d, 0ms) forwards;transition:box-shadow .8s ease,background .8s ease}@keyframes pl-in{to{opacity:1;transform:none}}[data-theme=pearl] .bcx-opt[data-dim="1"]{opacity:.45!important}[data-theme=pearl] .bcx-opt .bcx-mark{border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff,#e9e4e4 55%,#cdd9dc);box-shadow:inset 0 -2px 3px #0d3b4424,0 1px 3px #0d3b4433;transition:box-shadow .8s,background .8s,transform .8s}[data-theme=pearl] .bcx-opt[aria-pressed=true]{background:radial-gradient(120% 140% at 12% 0%,#fff,#eef6f7 45%,#e0eef0);box-shadow:inset 0 0 0 1px #fffffff2,inset 0 0 34px #bedce2d9,0 0 0 1px #0d3b4438,0 12px 40px #6ea5b44d}[data-theme=pearl] .bcx-opt[aria-pressed=true] .bcx-mark{background:radial-gradient(circle at 32% 30%,#fff,#fbe8e3 50%,#efc9c1);box-shadow:0 0 0 5px #ffffffa6,0 0 22px #f0c8c0f2;transform:scale(1.12)}[data-theme=pearl] .pl-glint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.95) 50%,transparent 70%);transform:translate(-110%);animation:pl-glint 1s cubic-bezier(.4,0,.2,1) forwards}@keyframes pl-glint{to{transform:translate(110%)}}[data-theme=pearl] .pl-ripple{position:absolute;width:10px;height:10px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(190,220,226,.35) 55%,transparent 72%);transform:translate(-50%,-50%) scale(0);animation:pl-ripple 1.05s ease-out forwards}@keyframes pl-ripple{to{transform:translate(-50%,-50%) scale(34);opacity:0}}[data-theme=pearl] .bcx-field{border:0;border-radius:14px;background:linear-gradient(135deg,#ffffffeb,#fff9);box-shadow:inset 0 0 0 1px #0d3b4424,inset 0 2px 8px #0d3b440d}[data-theme=pearl] .bcx-go{border-radius:999px;color:#fff;background:linear-gradient(120deg,#0d3b44,#2d6572 55%,#0d3b44);box-shadow:0 10px 28px #0d3b4447,inset 0 1px #ffffff4d;background-size:200% 100%;transition:background-position 1s ease}[data-theme=pearl] .bcx-go:hover{background-position:100% 0}[data-theme=pearl] .bcx-go.alt{background:linear-gradient(120deg,#b96b57,#d79a88 55%,#b96b57);background-size:200% 100%}[data-theme=pearl] .bcx-seg{border-radius:999px;box-shadow:inset 0 0 0 1px #0d3b4440;overflow:hidden}[data-theme=pearl] .bcx-segbtn[aria-pressed=true]{background:linear-gradient(120deg,#0d3b44,#2d6572);color:#fff}[data-theme=pearl] .bcx-consent input{accent-color:#b96b57}[data-theme=pearl] .bcx-lesson{padding:4px 0}[data-theme=pearl] .pl-lesson{max-width:340px;padding:18px;border-radius:22px;background:radial-gradient(120% 120% at 20% 0%,#fff,#eaf3f4 60%,#f3e8ea);box-shadow:inset 0 0 0 1px #ffffffe6,0 18px 50px #0d3b441f}[data-theme=pearl] .pl-lesson .d-stroke{stroke:#0d3b44;stroke-width:1.6;stroke-linecap:round;fill:none;opacity:.8}[data-theme=pearl] .pl-lesson .d-soft{opacity:.35}[data-theme=pearl] .pl-lesson .d-hl{stroke:#c98f82;fill:#f0cfc859;stroke-width:2.2;animation:pl-pulse 4.2s ease-in-out infinite}[data-theme=pearl] .pl-lesson .d-node{fill:#fff;stroke:#0d3b44;stroke-width:1.4}[data-theme=pearl] .pl-lesson .bcx-pose .d-stroke{stroke-width:4;stroke:#2d6572}[data-theme=pearl] .pl-lesson .bcx-pose .d-node{fill:radial-gradient(circle,#fff,#cfe3e7);fill:#fff;stroke:#2d6572;stroke-width:3}[data-theme=pearl] .pl-lesson .d-label{font-family:var(--font-mono);font-size:7px;letter-spacing:.2em;fill:#6b7f82;text-transform:uppercase}[data-theme=pearl] .bcx-strip svg .d-stroke{stroke:#0d3b44;stroke-width:3;fill:none;stroke-linecap:round}[data-theme=pearl] .bcx-strip .d-node{fill:#fff;stroke:#0d3b44;stroke-width:2.6}@keyframes pl-pulse{50%{opacity:.45}}[data-theme=pearl] .pearl-fig{overflow:visible}[data-theme=pearl] .pearl-fig.mini{height:220px;width:auto;display:block;margin:0 auto}[data-theme=pearl] .pl-body{opacity:var(--lvl, .45);transition:opacity 1.6s ease;filter:drop-shadow(0 14px 30px rgba(13,59,68,.16))}[data-theme=pearl] .pl-body.lit{filter:drop-shadow(0 0 22px rgba(255,255,255,.95)) drop-shadow(0 14px 36px rgba(110,165,180,.3))}[data-theme=pearl] .pl-pool{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity 1.4s ease,transform 1.8s cubic-bezier(.16,.84,.24,1);mix-blend-mode:normal}[data-theme=pearl] .pl-pool.on{opacity:1;transform:scale(1);animation:pl-breathe 6s ease-in-out 2s infinite}@keyframes pl-breathe{50%{transform:scale(1.14);opacity:.8}}[data-theme=pearl] .pl-typing i{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff,#cfe3e7 70%);box-shadow:0 1px 4px #0d3b444d;animation:pl-dot 1.4s ease-in-out infinite}[data-theme=pearl] .pl-typing i:nth-child(2){animation-delay:.2s}[data-theme=pearl] .pl-typing i:nth-child(3){animation-delay:.4s}@keyframes pl-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}[data-theme=pearl] .pl-res{gap:20px;opacity:0}[data-theme=pearl] .pl-res.in{opacity:1}[data-theme=pearl] .pl-head,[data-theme=pearl] .pl-card{opacity:0;transform:translateY(26px);animation:pl-in 1.1s cubic-bezier(.16,.84,.24,1) var(--d, 0ms) forwards}[data-theme=pearl] .pl-card{padding:22px;border-radius:22px;background:linear-gradient(135deg,#ffffffe0,#ffffff8c);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #0d3b4414,0 18px 46px #0d3b4414;display:grid;gap:12px}[data-theme=pearl] .pl-card.dark{color:#f7f2ec;background:radial-gradient(120% 140% at 10% 0%,#2d6572,#0d3b44 60%,#082a31);box-shadow:0 24px 60px #0d3b4459,inset 0 1px #fff3}[data-theme=pearl] .pl-card.dark .bcx-kicker{color:#cfe3e7}[data-theme=pearl] .pl-card.dark .bcx-go{background:#f7f2ec;color:#0d3b44;box-shadow:none}[data-theme=pearl] .bcx-prio li{border-radius:14px;background:#ffffffb3;box-shadow:inset 0 0 0 1px #0d3b4414}[data-theme=pearl] .bcx-pro{border-radius:14px;background:#fff9}[data-theme=pearl] .bcx-intro{position:relative;z-index:2;padding:clamp(48px,12vw,120px) 20px;max-width:1080px;margin:0 auto}[data-theme=pearl] .bcx-intro-in{display:grid;gap:16px;max-width:640px}[data-theme=pearl] .bcx-hero{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(48px,11vw,96px);line-height:.96;letter-spacing:-.02em;background:linear-gradient(110deg,#0d3b44 10%,#5f8d96 45%,#c9a79f,#0d3b44 95%);-webkit-background-clip:text;background-clip:text;color:transparent}