@font-face{font-family:Lama Sans;src:url(/fonts/LamaSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lalezar;src:url(/fonts/Lalezar-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-Variable.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root,.bb-root{--font-display: "Lalezar", "Rubik", system-ui, sans-serif;--font-name: "Lama Sans", "Rubik", system-ui, sans-serif;--font-sans: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--brand-indigo: #404293;--brand-blue: #217bbf;--brand-mid: #315aa5;--brand-ink: #383737;--brand-night: #212121;--brand-paper: #f4f4f4;--theory-deep: #2e2f6b;--theory: #5d5fb8;--theory-ink: #424794;--theory-soft: #ecedf7;--practical-deep: #1a5296;--practical: #3a92d1;--practical-ink: #1a5296;--practical-soft: #e7f2fa;--surface-page: #f4f4f4;--surface-card: #ffffff;--surface-raised: #ffffff;--surface-sunken: #ebf0f5;--surface-tint: #f8fafc;--surface-inverse: #212121;--ink-strong: #212121;--ink: #383737;--ink-muted: #6a6969;--ink-inverse: #ffffff;--on-brand: #ffffff;--border: #e1e5eb;--border-strong: #8a8e96;--focus-ring: #217bbf;--primary: #315aa5;--primary-hover: #404293;--primary-ink: #315aa5;--primary-soft: #e8eef8;--success: #1f7a4c;--success-soft: #e3f4ea;--warning: #9a5b00;--warning-soft: #fdf0dc;--danger: #c0142e;--on-danger: #ffffff;--danger-soft: #fde7ea;--live: #ff0030;--live-ink: #333333;--insights-blue: #2e8ee8;--insights-ink: #1c1c1c;--chart-theory: #424794;--chart-practical: #3a92d1;--chart-grid: #e9ecf0;--pattern-face: #f7f7f8;--pattern-shadow: #c2c2c5;--pattern-highlight: #ffffff;--pattern-dot: #dfe2e8;--pattern-line: #e8ebf2;--logo-wordmark: #383737;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(33,33,33,.06), 0 1px 3px rgba(33,33,33,.08);--shadow-md: 0 4px 12px rgba(46,47,107,.1);--shadow-lg: 0 16px 40px rgba(46,47,107,.18);--dur-instant: .1s;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .4s;--dur-slower: .64s;--dur-count: 1.2s;--dur-intro: 2.2s;--dur-ambient: 4.8s;--stagger-step: 50ms;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-enter: cubic-bezier(.05, .7, .1, 1);--ease-exit: cubic-bezier(.3, 0, .8, .15);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-ambient: cubic-bezier(.45, 0, .55, 1);--hex-clip: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--hexbar-clip: polygon(var(--cut, 3.5px) 0, calc(100% - var(--cut, 3.5px)) 0, 100% 25%, 100% 75%, calc(100% - var(--cut, 3.5px)) 100%, var(--cut, 3.5px) 100%, 0 75%, 0 25%)}.bb-root[data-theme=dark]{--theory: #676ad0;--theory-ink: #b4b6f2;--theory-soft: #2e2f52;--practical: #1ea3c6;--practical-ink: #8fcdea;--practical-soft: #183a4f;--surface-page: #212121;--surface-card: #2b2b2b;--surface-raised: #333333;--surface-sunken: #1a1a1a;--surface-tint: #262626;--surface-inverse: #f4f4f4;--ink-strong: #ffffff;--ink: #f4f4f4;--ink-muted: #a9a9a9;--ink-inverse: #212121;--border: #3b3b3b;--border-strong: #767676;--focus-ring: #5fb0ec;--primary: #3b6cc2;--primary-hover: #2d5aa8;--primary-ink: #8db4f0;--primary-soft: #22324d;--success: #5fd39a;--success-soft: #1d3a2b;--warning: #f0b45a;--warning-soft: #3d2e15;--danger: #ff7a8a;--on-danger: #212121;--danger-soft: #45202a;--live-ink: #f4f4f4;--chart-theory: #676ad0;--chart-practical: #1ea3c6;--chart-grid: #383838;--pattern-face: #262626;--pattern-shadow: #0d0d0d;--pattern-highlight: #3a3a3a;--pattern-dot: #2d2e33;--pattern-line: #2b2c33;--logo-wordmark: #ffffff;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.45);--shadow-lg: 0 16px 40px rgba(0,0,0,.6)}@media (forced-colors: none){html{--bb-scrollbar-page-track: var(--surface-page);scrollbar-color:var(--brand-blue) var(--bb-scrollbar-page-track)}html:has(>body>#root>.bb-root[data-theme=dark]){--bb-scrollbar-page-track: var(--brand-night)}:where(html,.bb-root,.bb-root *){scrollbar-width:thin;scrollbar-color:var(--brand-blue) transparent}@supports selector(::-webkit-scrollbar){html{scrollbar-color:auto}:where(html,.bb-root,.bb-root *){scrollbar-width:auto;scrollbar-color:auto}:where(html,.bb-root,.bb-root *)::-webkit-scrollbar{width:10px;height:10px}:where(html,.bb-root,.bb-root *)::-webkit-scrollbar-track,:where(html,.bb-root,.bb-root *)::-webkit-scrollbar-corner{background:transparent}html::-webkit-scrollbar-track,html::-webkit-scrollbar-corner{background:var(--bb-scrollbar-page-track)}:where(html,.bb-root,.bb-root *)::-webkit-scrollbar-thumb{min-height:32px;min-width:32px;border:2px solid transparent;border-radius:var(--radius-pill);background:var(--brand-blue);background-clip:padding-box}:where(html,.bb-root,.bb-root *)::-webkit-scrollbar-thumb:hover,:where(html,.bb-root,.bb-root *)::-webkit-scrollbar-thumb:active{background-color:var(--primary-ink)}:where(html,.bb-root,.bb-root *)::-webkit-scrollbar-button{display:none}}}.bb-root,.bb-root *{box-sizing:border-box}.bb-root{font-family:var(--font-sans);color:var(--ink);font-size:14px;line-height:22px;-webkit-font-smoothing:antialiased}.bb-numeric{font-variant-numeric:tabular-nums;font-weight:500}.bb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bb-muted{color:var(--ink-muted)}.bb-caption{font-size:12px;line-height:18px}.bb-name-sm{font-family:var(--font-name);font-weight:700;font-size:14px;line-height:20px;color:var(--ink-strong)}.bb-success{color:var(--success);display:inline-flex;gap:var(--space-1);align-items:center}.bb-danger{color:var(--danger);display:inline-flex;gap:var(--space-1);align-items:center}.bb-tab:focus-visible,.bb-switch__track:focus-visible,.bb-bottomnav__item:focus-visible,.bb-sidebar__item:focus-visible,.bb-course:focus-visible,.bb-input:focus-within,.bb-check input:focus-visible+.bb-check__box{outline:2px solid var(--focus-ring);outline-offset:2px}.bb-icon{flex:none;display:inline-block;vertical-align:middle}[dir=rtl] .bb-icon--dir{transform:scaleX(-1)}.bb-logo{display:block;inline-size:auto}:root{--hex-clip: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)}.bb-hexbar{clip-path:polygon(var(--cut, 3.5px) 0,calc(100% - var(--cut, 3.5px)) 0,100% 25%,100% 75%,calc(100% - var(--cut, 3.5px)) 100%,var(--cut, 3.5px) 100%,0 75%,0 25%)}.bb-skeleton--hex{clip-path:var(--hex-clip);border-radius:0}.bb-skeleton--bar{border-radius:0;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% 25%,100% 75%,calc(100% - var(--cut)) 100%,var(--cut) 100%,0 75%,0 25%)}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:500 14px/20px var(--font-sans);border:0;background:none;padding-block:0;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard),filter var(--dur-fast) var(--ease-standard)}.bb-btn:active:not(:disabled){transform:scale(.97)}.bb-btn--sm{block-size:32px;padding-inline:var(--space-3);font-size:13px}.bb-btn--md{block-size:40px;padding-inline:var(--space-4)}.bb-btn--lg{block-size:48px;padding-inline:var(--space-6);font-size:16px}.bb-btn--block{display:flex;inline-size:100%}@keyframes bb-spin{to{transform:rotate(360deg)}}.bb-iconbtn{position:relative;display:inline-grid;place-items:center;flex:none;border:0;padding:0;cursor:pointer;color:var(--ink);isolation:isolate;background:none;transition:color var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard),filter var(--dur-fast) var(--ease-standard)}.bb-iconbtn:active:not(:disabled){transform:scale(.9)}.bb-iconbtn--sm{inline-size:32px;block-size:32px}.bb-iconbtn--md{inline-size:40px;block-size:40px}.bb-iconbtn__badge{position:absolute;inset-block-start:4px;inset-inline-end:4px;min-inline-size:16px;block-size:16px;padding-inline:4px;border-radius:var(--radius-pill);background:var(--danger);color:var(--on-danger);font:500 10px/16px var(--font-sans);border:2px solid var(--surface-card);box-sizing:content-box}.bb-iconbtn__badge:empty{min-inline-size:8px;block-size:8px;padding:0;inset-block-start:8px;inset-inline-end:8px}.bb-field{display:flex;flex-direction:column;gap:6px;min-inline-size:0}.bb-field__label{font:500 14px/20px var(--font-sans);color:var(--ink-strong)}.bb-field__help{display:flex;align-items:center;gap:var(--space-1);font-size:12px;line-height:18px;color:var(--ink-muted)}.bb-field--error .bb-field__help{color:var(--danger)}.bb-input{position:relative;display:flex;align-items:center;gap:var(--space-2);block-size:44px;padding-inline:var(--space-3);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink-muted);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.bb-input:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--primary-soft);color:var(--primary-ink)}.bb-input:hover{border-color:var(--ink-muted)}.bb-field--error .bb-input{border-color:var(--danger);background:var(--danger-soft)}.bb-input input,.bb-input select{flex:1;min-inline-size:0;block-size:100%;border:0;outline:0;background:transparent;font:400 14px/22px var(--font-sans);color:var(--ink-strong)}.bb-input input::placeholder{color:var(--ink-muted);opacity:1}.bb-select select{appearance:none;-webkit-appearance:none;cursor:pointer}.bb-select .bb-icon{position:absolute;inset-inline-end:var(--space-3);pointer-events:none}.bb-select select{padding-inline-end:28px}.bb-select select option{background:var(--surface-raised);color:var(--ink-strong)}.bb-switch,.bb-check{display:inline-flex;align-items:center;gap:var(--space-2);font:400 14px/22px var(--font-sans);color:var(--ink);cursor:pointer}.bb-switch.is-disabled,.bb-check.is-disabled{opacity:.45;cursor:not-allowed}.bb-switch__track{position:relative;inline-size:40px;block-size:24px;padding:0;border-radius:var(--radius-pill);cursor:inherit;background:var(--surface-sunken);border:1px solid var(--border-strong);transition:background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.bb-switch__thumb{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:18px;block-size:18px;border-radius:var(--radius-pill);background:var(--surface-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-strong);transition:inset-inline-start var(--dur-base) var(--ease-spring),inline-size var(--dur-fast) var(--ease-standard)}.bb-switch__track:active .bb-switch__thumb{inline-size:22px}.bb-switch__track[aria-checked=true]{background:var(--primary);border-color:var(--primary)}.bb-switch__track[aria-checked=true] .bb-switch__thumb{inset-inline-start:18px;border-color:var(--primary);background:var(--on-brand)}.bb-check input{position:absolute;opacity:0;inline-size:1px;block-size:1px}.bb-check__box{display:inline-grid;place-items:center;inline-size:18px;block-size:18px;border-radius:var(--radius-xs);border:1.5px solid var(--border-strong);background:var(--surface-card);color:transparent;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.bb-check:active .bb-check__box{transform:scale(.9)}.bb-check__box .bb-icon path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset var(--dur-base) var(--ease-standard) 40ms}.bb-check input:checked+.bb-check__box .bb-icon path{stroke-dashoffset:0}.bb-check input:checked+.bb-check__box,.bb-check input:indeterminate+.bb-check__box{background:var(--primary);border-color:var(--primary);color:var(--on-brand)}.bb-check input:indeterminate+.bb-check__box .bb-icon{display:none}.bb-check input:indeterminate+.bb-check__box:after{content:"";inline-size:9px;block-size:2px;background:var(--on-brand);border-radius:1px}.bb-tabs{position:relative;display:flex;gap:var(--space-1)}.bb-tab{position:relative;z-index:1;transition:color var(--dur-base) var(--ease-standard)}.bb-tabs__ink{position:absolute;left:0;pointer-events:none;transition:transform var(--dur-base) var(--ease-standard),width var(--dur-base) var(--ease-standard)}.bb-tabs--block .bb-tab{flex:1;justify-content:center}.bb-tab{display:inline-flex;align-items:center;gap:var(--space-2);border:0;background:transparent;cursor:pointer;font:500 14px/20px var(--font-sans);color:var(--ink-muted);white-space:nowrap}.bb-tab__count{font:500 12px/16px var(--font-sans);padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink-muted);font-variant-numeric:tabular-nums}.bb-tabs--underline{border-block-end:1px solid var(--border);gap:var(--space-6)}.bb-tabs--underline .bb-tab{padding-block:var(--space-3);margin-block-end:-1px;border-block-end:2px solid transparent}.bb-tabs--underline .bb-tab.is-active{color:var(--primary-ink)}.bb-tabs--underline .bb-tabs__ink{bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--primary)}.bb-tabs--pill{padding:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-pill);display:inline-flex}.bb-tabs--pill.bb-tabs--block{display:flex}.bb-tabs--pill .bb-tab{block-size:36px;padding-inline:var(--space-4);border-radius:var(--radius-pill)}.bb-tabs--pill .bb-tab.is-active{color:var(--ink-strong)}.bb-tabs--pill .bb-tabs__ink{border-radius:var(--radius-pill);background:var(--surface-card);box-shadow:var(--shadow-sm)}.bb-tab.is-active .bb-tab__count{background:var(--primary-soft);color:var(--primary-ink)}.bb-tab:hover:not(.is-active){color:var(--ink-strong)}.bb-track,.bb-status{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);inline-size:fit-content;max-inline-size:100%;min-inline-size:0;flex:0 1 auto;justify-self:start;font:500 12px/16px var(--font-sans);white-space:normal;overflow-wrap:anywhere}.bb-track--md{padding:4px 10px}.bb-track--sm{padding:2px 8px}.bb-track--theory{background:var(--theory-soft);color:var(--theory-ink)}.bb-track--practical{background:var(--practical-soft);color:var(--practical-ink)}.bb-track--solid.bb-track--theory{background:var(--theory-deep);color:var(--on-brand)}.bb-track--solid.bb-track--practical{background:var(--practical-deep);color:var(--on-brand)}.bb-status{padding:2px 8px}.bb-status--neutral{background:var(--surface-sunken);color:var(--ink-muted)}.bb-status--info{background:var(--primary-soft);color:var(--primary-ink)}.bb-status--success{background:var(--success-soft);color:var(--success)}.bb-status--warning{background:var(--warning-soft);color:var(--warning)}.bb-status--danger,.bb-status--live{background:var(--danger-soft);color:var(--danger)}.bb-live-dot{position:relative;inline-size:8px;block-size:8px;border-radius:var(--radius-pill);background:var(--live)}.bb-live-dot:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid var(--live);opacity:.5;animation:bb-pulse 1.6s var(--ease-ambient) infinite}@keyframes bb-pulse{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.5);opacity:0}}@media (prefers-reduced-motion: reduce){.bb-live-dot:after,.bb-spinner{animation:none}}.bb-avatar{--av-bg: var(--primary-soft);--av-ink: var(--primary-ink);position:relative;display:inline-block;flex:none;color:var(--av-ink);font-family:var(--font-name);font-weight:700}.bb-avatar__hex{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--av-bg)}.bb-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.bb-avatar--xs{inline-size:20px;block-size:20px;font-size:10px}.bb-avatar--sm{inline-size:32px;block-size:32px;font-size:13px}.bb-avatar--md{inline-size:40px;block-size:40px;font-size:15px}.bb-avatar--lg{inline-size:56px;block-size:56px;font-size:20px}.bb-avatar--theory{--av-bg: var(--theory-soft);--av-ink: var(--theory-ink)}.bb-avatar--practical{--av-bg: var(--practical-soft);--av-ink: var(--practical-ink)}.bb-avatar--ring:before,.bb-avatar--ring:after{content:"";position:absolute;border-radius:50%}.bb-avatar--ring:before{inset:-5px;background:var(--primary)}.bb-avatar--ring:after{inset:-2.5px;background:var(--surface-card)}.bb-progress{display:flex;flex-direction:column;gap:6px;inline-size:100%}.bb-progress__head{display:flex;justify-content:space-between;font-size:12px;line-height:18px;color:var(--ink-muted)}.bb-progress__head .bb-numeric{color:var(--ink-strong)}.bb-progress__track{--cut: 3.5px;block-size:8px;background:var(--surface-sunken);clip-path:polygon(var(--cut, 3.5px) 0,calc(100% - var(--cut, 3.5px)) 0,100% 25%,100% 75%,calc(100% - var(--cut, 3.5px)) 100%,var(--cut, 3.5px) 100%,0 75%,0 25%)}.bb-progress--sm .bb-progress__track{--cut: 2.6px;block-size:6px}.bb-progress__fill{display:block;block-size:100%;clip-path:polygon(var(--cut, 3.5px) 0,calc(100% - var(--cut, 3.5px)) 0,100% 25%,100% 75%,calc(100% - var(--cut, 3.5px)) 100%,var(--cut, 3.5px) 100%,0 75%,0 25%);background:var(--primary);transition:inline-size var(--dur-slower) var(--ease-enter)}.bb-progress--theory .bb-progress__fill{background:var(--theory)}.bb-progress--practical .bb-progress__fill{background:var(--practical)}.bb-ring{position:relative;display:inline-grid;place-items:center;flex:none}@property --p{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.bb-ring__band{position:absolute;inset:0}.bb-ring__track{background:var(--surface-sunken)}.bb-ring__fill{background:var(--primary);-webkit-mask:conic-gradient(#000 var(--p),transparent 0);mask:conic-gradient(#000 var(--p),transparent 0);transition:--p var(--dur-count) var(--ease-enter)}.bb-ring--theory .bb-ring__fill{background:var(--theory)}.bb-ring--practical .bb-ring__fill{background:var(--practical)}@media (prefers-reduced-motion: reduce){.bb-ring__fill{transition:none}}.bb-ring__value{position:relative;color:var(--ink-strong)}.bb-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);color:var(--on-brand);padding:var(--space-6);min-block-size:168px;display:flex;align-items:center}.bb-hero--brand{background:linear-gradient(135deg,var(--brand-blue),var(--brand-indigo))}.bb-hero--theory{background:linear-gradient(135deg,var(--theory),var(--theory-deep))}.bb-hero--practical{background:linear-gradient(135deg,var(--practical),var(--practical-deep))}.bb-hero__content{position:relative;max-inline-size:66%;display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.bb-hero__eyebrow{font:500 12px/16px var(--font-sans);opacity:.9}.bb-hero__title{margin:0;font:400 28px/42px var(--font-display)}.bb-hero__body{margin:0;font:400 14px/22px var(--font-sans);opacity:.92}.bb-hero__action{margin-block-start:var(--space-2)}.bb-hero .bb-hero__hex{position:absolute;inset:0;background:transparent}.bb-hero__hex .bbh-f{fill:transparent;stroke:var(--on-brand);stroke-opacity:.16;stroke-width:1.5}.bb-hero__hex .bbh-s{fill:var(--theory-deep)}.bb-hero__hex .bbh-h{stroke:var(--on-brand);stroke-opacity:.7;stroke-width:2.5}.bb-hero__content>*{animation:bb-rise var(--dur-slower) var(--ease-enter) both}.bb-hero__content>:nth-child(2){animation-delay:calc(var(--stagger-step) * 1)}.bb-hero__content>:nth-child(3){animation-delay:calc(var(--stagger-step) * 2)}.bb-hero__content>:nth-child(4){animation-delay:calc(var(--stagger-step) * 3)}@keyframes bb-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-12) var(--space-6)}.bb-empty__hex{display:grid;place-items:center;inline-size:72px;block-size:80px;margin-block-end:var(--space-2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--primary-soft);color:var(--primary-ink);animation:bb-float 6s var(--ease-ambient) infinite alternate}@keyframes bb-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.bb-empty__title{margin:0;font:400 22px/34px var(--font-display);color:var(--ink-strong)}.bb-empty__body{margin:0 0 var(--space-2);max-inline-size:320px;color:var(--ink-muted)}.bb-appheader{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-page)}.bb-appheader__text{flex:1;min-inline-size:0}.bb-appheader__sub{font-size:12px;line-height:18px;color:var(--ink-muted)}.bb-appheader__title{margin:0;font:400 22px/34px var(--font-display);color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-appheader__actions{display:flex;gap:var(--space-1)}.bb-course{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;isolation:isolate;transition:box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.bb-course.is-interactive{cursor:pointer}.bb-course.is-interactive:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(360px circle at var(--sx, 50%) var(--sy, 0%),var(--primary-soft),transparent 60%);transition:opacity var(--dur-base) var(--ease-standard)}.bb-course.is-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-soft)}.bb-course.is-interactive:hover:before{opacity:1}.bb-course.is-interactive:active{transform:translateY(-1px) scale(.99)}.bb-course__top{display:flex;gap:var(--space-3);align-items:flex-start}.bb-course__hex{display:grid;place-items:center;flex:none;inline-size:48px;block-size:55.4px;--hex-fill: linear-gradient(var(--hex-ga), var(--brand-indigo), var(--brand-blue))}.bb-course__hex .bb-logo{position:relative}.bb-course__titles{min-inline-size:0}.bb-course__code{font:500 12px/16px var(--font-sans);color:var(--ink-muted)}.bb-course__name{margin:2px 0 0;font:700 16px/24px var(--font-name);color:var(--ink-strong)}.bb-course__lecturer{font-size:12px;line-height:18px;color:var(--ink-muted)}.bb-course__counts{display:flex;gap:var(--space-4)}.bb-course__count{display:inline-flex;align-items:center;gap:6px;font:500 13px/20px var(--font-sans)}.bb-course__count--theory{color:var(--theory-ink)}.bb-course__count--practical{color:var(--practical-ink)}.bb-lecture{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.bb-lecture:not(.is-locked):hover{border-color:var(--primary-soft);box-shadow:var(--shadow-sm);transform:translate(-2px)}[dir=ltr] .bb-lecture:not(.is-locked):hover{transform:translate(2px)}.bb-lecture__num{display:grid;place-items:center;flex:none;inline-size:40px;block-size:46.2px;font-size:15px;color:var(--on-brand);--hex-fill: var(--primary)}.bb-lecture--theory .bb-lecture__num{--hex-fill: var(--theory-deep)}.bb-lecture--practical .bb-lecture__num{--hex-fill: var(--practical-deep)}.bb-lecture.is-locked .bb-lecture__num{--hex-fill: var(--surface-sunken);color:var(--ink-muted)}.bb-lecture__body{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:6px}.bb-lecture__title{font:700 15px/22px var(--font-name);color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-lecture.is-locked .bb-lecture__title{color:var(--ink-muted)}.bb-lecture__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:12px;line-height:18px;color:var(--ink-muted)}.bb-livecard{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.bb-livecard.is-live{border-color:var(--live);box-shadow:0 0 0 1px var(--live),var(--shadow-md);animation:bb-live-glow 2.4s var(--ease-ambient) infinite}@keyframes bb-live-glow{0%,to{box-shadow:0 0 0 1px var(--live),var(--shadow-md)}50%{box-shadow:0 0 0 1px var(--live),0 0 0 6px var(--danger-soft),var(--shadow-md)}}.bb-livecard__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.bb-livecard__brand{display:inline-flex;align-items:center;gap:6px;font:500 12px/16px var(--font-sans);color:var(--ink-muted)}.bb-livecard__title{margin:0;font:700 16px/24px var(--font-name);color:var(--ink-strong)}.bb-livecard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:12px;line-height:18px;color:var(--ink-muted)}.bb-livecard__meta>span{display:inline-flex;align-items:center;gap:6px}.bb-livecard__lecturer{font-family:var(--font-name);font-weight:700;color:var(--ink)}.bb-bottomnav{display:flex;justify-content:space-around;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--surface-card);border-block-start:1px solid var(--border);box-shadow:var(--shadow-md)}.bb-bottomnav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:var(--space-1);border:0;background:transparent;cursor:pointer;font:500 12px/16px var(--font-sans);color:var(--ink-muted);border-radius:var(--radius-sm)}.bb-bottomnav__icon{position:relative;display:grid;place-items:center;inline-size:56px;block-size:30px;border-radius:var(--radius-pill)}.bb-bottomnav__pill{position:absolute;inset:0;border-radius:inherit;background:var(--primary-soft);transform:scaleX(.3);opacity:0;transition:transform var(--dur-base) var(--ease-spring),opacity var(--dur-fast) var(--ease-standard)}.bb-bottomnav__glyph{position:relative;display:grid}.bb-bottomnav__item.is-active .bb-bottomnav__pill{transform:none;opacity:1}.bb-bottomnav__item.is-active .bb-bottomnav__glyph{animation:bb-pop var(--dur-slow) var(--ease-spring)}@keyframes bb-pop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.12)}to{transform:none}}.bb-bottomnav__item{transition:color var(--dur-base) var(--ease-standard)}.bb-bottomnav__item.is-active{color:var(--primary-ink)}.bb-bottomnav__dot{position:absolute;inset-block-start:3px;inset-inline-end:14px;inline-size:8px;block-size:8px;border-radius:var(--radius-pill);background:var(--danger);border:2px solid var(--surface-card);box-sizing:content-box}.bb-sidebar{display:flex;flex-direction:column;inline-size:260px;block-size:100%;padding:var(--space-5) var(--space-4);background:var(--surface-card);border-inline-end:1px solid var(--border)}.bb-sidebar__brand{padding-inline:var(--space-2);margin-block-end:var(--space-6)}.bb-sidebar__brand .bb-logo{direction:ltr}.bb-sidebar__nav{position:relative;display:flex;flex-direction:column;gap:2px;flex:1}.bb-sidebar__ink{position:absolute;top:0;inset-inline:0;border-radius:var(--radius-sm);background:var(--primary-soft);pointer-events:none;transition:transform var(--dur-base) var(--ease-standard),height var(--dur-base) var(--ease-standard)}.bb-sidebar__ink:before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}[dir=rtl] .bb-sidebar__ink:before{border-radius:3px 0 0 3px}.bb-sidebar__section{margin:var(--space-4) var(--space-3) var(--space-1);font:500 12px/16px var(--font-sans);color:var(--ink-muted)}.bb-sidebar__item{display:flex;align-items:center;gap:var(--space-3);block-size:42px;padding-inline:var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:start;font:500 14px/20px var(--font-sans);color:var(--ink);position:relative;z-index:1;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.bb-sidebar__item span:first-of-type{flex:1}.bb-sidebar__item:hover:not(.is-active){background:var(--surface-tint);color:var(--ink-strong)}.bb-sidebar__item.is-active{color:var(--primary-ink)}.bb-sidebar__count{font:500 12px/16px var(--font-sans);padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink-muted)}.bb-sidebar__item.is-active .bb-sidebar__count{background:var(--surface-card);color:var(--primary-ink)}.bb-sidebar__foot{border-block-start:1px solid var(--border);padding-block-start:var(--space-4);margin-block-start:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.bb-sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-2)}.bb-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.bb-crumbs{display:flex;gap:var(--space-1);font-size:12px;line-height:18px;color:var(--ink-muted);margin-block-end:var(--space-1)}.bb-crumbs span{display:inline-flex;align-items:center;gap:var(--space-1)}.bb-pagehead__title{margin:0;font:400 28px/42px var(--font-display);color:var(--ink-strong)}.bb-pagehead__sub{margin:0;color:var(--ink-muted)}.bb-pagehead__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.bb-stat{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.bb-stat__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.bb-stat__label{font:500 14px/20px var(--font-sans);color:var(--ink-muted)}.bb-stat__icon{display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary-ink)}.bb-stat--theory .bb-stat__icon{background:var(--theory-soft);color:var(--theory-ink)}.bb-stat--practical .bb-stat__icon{background:var(--practical-soft);color:var(--practical-ink)}.bb-stat__value{font:400 32px/44px var(--font-display);color:var(--ink-strong);font-variant-numeric:tabular-nums}.bb-stat__foot{display:flex;align-items:center;gap:var(--space-2);font-size:12px;line-height:18px}.bb-stat__delta{font-weight:500;font-variant-numeric:tabular-nums}.bb-stat__delta.is-up{color:var(--success)}.bb-stat__delta.is-down{color:var(--danger)}.bb-table-wrap{overflow:auto;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md)}.bb-table{inline-size:100%;border-collapse:collapse;font:400 14px/22px var(--font-sans);color:var(--ink)}.bb-table caption{caption-side:top;text-align:start;padding:var(--space-4) var(--space-5);font:500 18px/28px var(--font-sans);color:var(--ink-strong)}.bb-table th{text-align:start;padding:var(--space-3) var(--space-4);background:var(--surface-tint);white-space:nowrap;font:500 12px/16px var(--font-sans);color:var(--ink-muted);border-block-end:1px solid var(--border)}.bb-table td{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border);vertical-align:middle}.bb-table tbody tr:last-child td{border-block-end:0}.bb-table td{transition:background-color var(--dur-fast) var(--ease-standard)}.bb-table tbody tr:hover td{background:var(--surface-tint)}.bb-table tbody tr{opacity:0}.bb-table-wrap.is-in tbody tr{animation:bb-rise var(--dur-slow) var(--ease-enter) both;animation-delay:calc(var(--i, 0) * var(--stagger-step))}.bb-table tr.is-selected td{background:var(--primary-soft)}.bb-table .is-num{text-align:end;font-variant-numeric:tabular-nums}.bb-table__sel{inline-size:44px}.bb-table__empty{text-align:center;color:var(--ink-muted);padding:var(--space-8)!important}.bb-cell-person{display:flex;align-items:center;gap:var(--space-3)}.bb-chart{margin:0;display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-sans)}.bb-chart__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.bb-chart__title{font:500 18px/28px var(--font-sans);color:var(--ink-strong)}.bb-chart__legend{display:flex;gap:var(--space-4);font-size:12px;line-height:18px;color:var(--ink)}.bb-chart__key{display:inline-flex;align-items:center;gap:6px}.bb-chart__sw{display:inline-block;inline-size:10px;block-size:10px;border-radius:2px}.bb-chart__sw--theory{background:var(--chart-theory)}.bb-chart__sw--practical{background:var(--chart-practical)}.bb-chart__plot{position:relative}.bb-chart__yaxis{position:absolute;inset-inline-start:0;inline-size:36px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;line-height:0;color:var(--ink-muted)}.bb-chart__area{position:absolute;inset-inline:44px 0;display:flex}.bb-chart__grid{position:absolute;inset-inline:0;block-size:1px;background:var(--chart-grid)}.bb-chart__group{position:relative;display:flex;justify-content:center;block-size:100%}.bb-chart__group:hover{background:var(--surface-tint);border-radius:var(--radius-xs)}.bb-chart__bars{position:relative;display:flex;align-items:flex-end;gap:2px;block-size:100%;inline-size:56%;max-inline-size:48px}.bb-chart__bar{flex:1;border-radius:var(--radius-xs) var(--radius-xs) 0 0;min-block-size:1px;transform-origin:bottom;transform:scaleY(0)}.bb-chart.is-in .bb-chart__bar{animation:bb-grow var(--dur-slower) var(--ease-enter) both;animation-delay:calc(var(--i, 0) * var(--stagger-step))}.bb-chart__bar--practical{animation-delay:calc(var(--i, 0) * var(--stagger-step) + 30ms)!important}@keyframes bb-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bb-chart.is-in .bb-chart__bar{transform:scaleY(1)}.bb-chart__group{transition:background-color var(--dur-fast) var(--ease-standard)}.bb-chart__bar--theory{background:var(--chart-theory)}.bb-chart__bar--practical{background:var(--chart-practical)}.bb-chart__xlabel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline:0;text-align:center;font-size:12px;line-height:18px;color:var(--ink-muted);white-space:nowrap}.bb-chart__tip{position:absolute;z-index:2;inset-block-end:calc(100% + 4px);inset-inline-start:50%;transform:translate(50%);display:flex;flex-direction:column;gap:2px;min-inline-size:140px;padding:var(--space-2) var(--space-3);background:var(--surface-inverse);color:var(--ink-inverse);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);font-size:12px;line-height:18px;pointer-events:none;animation:bb-tip var(--dur-fast) var(--ease-enter)}@keyframes bb-tip{0%{opacity:0;margin-block-end:-4px}}[dir=ltr] .bb-chart__tip{transform:translate(-50%)}.bb-chart__tip[popover]{position:fixed;inset:auto;margin:0;transform:none;border:0;box-sizing:border-box;min-inline-size:min(140px,calc(100vw - 16px));max-inline-size:calc(100vw - 16px);overflow-wrap:anywhere}.bb-chart__tip span{display:flex;align-items:center;gap:6px}.bb-chart__tip span b{margin-inline-start:auto}.bb-upload{display:flex;flex-direction:column;gap:var(--space-3)}.bb-upload__zone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center;background:var(--surface-sunken);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);transition:border-color .15s,background-color .15s}.bb-upload__zone{transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-spring)}.bb-upload__zone.is-drag{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.01)}.bb-upload__zone.is-drag .bb-upload__icon{animation:bb-float .6s var(--ease-ambient) infinite alternate}.bb-upload__file{animation:bb-rise var(--dur-slow) var(--ease-enter) both}.bb-upload__fbody .bb-success .bb-icon{animation:bb-pop var(--dur-slow) var(--ease-spring)}.bb-upload__icon{display:grid;place-items:center;inline-size:48px;block-size:48px;clip-path:var(--hex-clip);background:var(--surface-card);color:var(--primary-ink);filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}.bb-upload__title{font:500 16px/24px var(--font-sans);color:var(--ink-strong)}.bb-upload__hint{font-size:12px;line-height:18px;color:var(--ink-muted);margin-block-end:var(--space-2)}.bb-upload__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.bb-upload__file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--primary-ink)}.bb-upload__file.is-error{border-color:var(--danger)}.bb-upload__fbody{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:6px}.bb-upload__fname{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font:500 14px/20px var(--font-sans);color:var(--ink-strong)}.bb-upload__fn{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-upload__fname .bb-caption{flex:none}.bb-dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:#2121218c;animation:bb-fade var(--dur-base) var(--ease-standard) both}@keyframes bb-fade{0%{opacity:0}}.bb-dialog{animation:bb-dialog-in var(--dur-slow) var(--ease-enter) both}@keyframes bb-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}.bb-dialog--danger .bb-dialog__icon{animation:bb-shake .48s var(--ease-standard) .2s both}@keyframes bb-shake{0%,to{transform:none}25%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}.bb-dialog-backdrop--inline{position:relative;inset:auto;min-block-size:100%}.bb-dialog{inline-size:min(100%,440px);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--ink)}.bb-dialog__head{display:flex;align-items:center;gap:var(--space-3)}.bb-dialog__title{flex:1;margin:0;font:400 22px/34px var(--font-display);color:var(--ink-strong)}.bb-dialog__icon{display:grid;place-items:center;inline-size:40px;block-size:40px;clip-path:var(--hex-clip);background:var(--danger-soft);color:var(--danger)}.bb-dialog__body{color:var(--ink)}.bb-dialog__body p{margin:0}.bb-dialog__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.bb-pattern{position:relative;overflow:hidden;background:var(--surface-page);isolation:isolate}.bb-pattern__art{position:absolute;inset:0;z-index:-1;display:block;pointer-events:none}.bb-pattern__content{position:relative;height:100%}.bb-pattern--corner-end .bb-pattern__art{transform:scaleX(-1)}[dir=rtl] .bb-pattern--corner-end .bb-pattern__art,[dir=rtl].bb-pattern--corner-end .bb-pattern__art{transform:none}[dir=rtl] .bb-pattern--corner-start .bb-pattern__art,[dir=rtl].bb-pattern--corner-start .bb-pattern__art{transform:scaleX(-1)}.bbh-s{fill:var(--pattern-shadow);transform:translate(calc(5.4px * var(--s)),calc(18px * var(--s)));opacity:calc(.25 + .75 * var(--s))}.bbh-f{fill:var(--pattern-face);stroke:var(--pattern-shadow);stroke-opacity:.35;stroke-width:1}.bbh-h{fill:none;stroke:var(--pattern-highlight);stroke-width:2;stroke-linejoin:round;opacity:calc(.25 + .75 * var(--d))}.bbh-field.is-animated .bbh-s{animation:bb-hex-s var(--dur) cubic-bezier(.45,0,.55,1) var(--delay) infinite alternate}.bbh-field.is-animated .bbh-h{animation:bb-hex-h var(--dur) cubic-bezier(.45,0,.55,1) var(--delay) infinite alternate}@keyframes bb-hex-s{0%{transform:translate(calc(5.4px * var(--lo)),calc(18px * var(--lo)));opacity:calc(.25 + .75 * var(--lo))}to{transform:translate(calc(5.4px * var(--hi)),calc(18px * var(--hi)));opacity:calc(.25 + .75 * var(--hi))}}@keyframes bb-hex-h{0%{opacity:calc(.2 + .6 * var(--lo))}to{opacity:calc(.3 + .7 * var(--hi))}}.bbd circle{fill:var(--pattern-dot);transform-box:fill-box;transform-origin:center}.bbd.is-animated circle{animation:bb-dot-breathe 4.8s cubic-bezier(.45,0,.55,1) var(--delay) infinite alternate}@keyframes bb-dot-breathe{0%{transform:scale(.72);opacity:.7}to{transform:scale(1.12);opacity:1}}@media (prefers-reduced-motion: reduce){.bbh-field.is-animated .bbh-s,.bbh-field.is-animated .bbh-h,.bbd.is-animated circle{animation:none}}.bbh-field.is-live .bbh{--b: clamp(0, calc(1 - hypot(calc(var(--mx, -9999) - var(--cx)), calc(var(--my, -9999) - var(--cy))) / 260), 1)}.bbh-field.is-live .bbh-s{translate:calc(4px * var(--b)) calc(13px * var(--b));transition:translate var(--dur-slow) var(--ease-standard)}.bbh-field.is-live .bbh-h{stroke-width:calc(2px + 1.5px * var(--b));transition:stroke-width var(--dur-slow) var(--ease-standard)}.bbd.is-live circle{--b: clamp(0, calc(1 - hypot(calc(var(--mx, -9999) - var(--cx)), calc(var(--my, -9999) - var(--cy))) / 180), 1);scale:calc(1 + .75 * var(--b));transition:scale var(--dur-slow) var(--ease-standard)}.is-paused,.is-paused *{animation-play-state:paused!important}.bb-marks{display:block;overflow:visible}.bbm path{fill:var(--pattern-line)}.bbm-field.is-animated .bbm{animation:bb-mark-float var(--dur) var(--ease-ambient) var(--delay) infinite alternate}@keyframes bb-mark-float{0%{transform:translateY(0)}to{transform:translateY(calc(-14px * var(--z)))}}.bbm-field.is-live .bbm{translate:calc(var(--px, 0) * -18px * var(--z)) calc(var(--py, 0) * -14px * var(--z));transition:translate var(--dur-slower) var(--ease-standard)}.bb-pattern__marks{position:absolute;inset-block-end:0;inset-inline-end:0;inset-block-start:auto;inset-inline-start:auto;height:92%;width:auto;aspect-ratio:1017 / 1254;max-width:70%}.bb-pattern__marks .bb-marks{width:100%;height:100%}.bb-pattern--bottom-start .bb-pattern__marks{inset-inline-end:auto;inset-inline-start:0}.bb-pattern--bottom-end .bb-pattern__marks .bb-marks{transform:scaleX(-1)}[dir=rtl] .bb-pattern--bottom-end .bb-pattern__marks .bb-marks,[dir=rtl].bb-pattern--bottom-end .bb-pattern__marks .bb-marks{transform:none}[dir=rtl] .bb-pattern--bottom-start .bb-pattern__marks .bb-marks,[dir=rtl].bb-pattern--bottom-start .bb-pattern__marks .bb-marks{transform:scaleX(-1)}.bb-pattern--marks .bb-pattern__art.bb-pattern__marks{inset:auto;inset-block-end:0;inset-inline-end:0}.bb-pattern--bottom-start .bb-pattern__art.bb-pattern__marks{inset-inline-end:auto;inset-inline-start:0}.bb-reveal,.bb-reveal__item{--reveal-from: translateY(16px)}.bb-reveal--fade{--reveal-from: none}.bb-reveal--scale{--reveal-from: scale(.94)}.bb-reveal--slide-start{--reveal-from: translateX(24px)}[dir=ltr] .bb-reveal--slide-start,[dir=ltr] .bb-reveal--slide-start .bb-reveal__item{--reveal-from: translateX(-24px)}.bb-reveal--blur{--reveal-from: translateY(8px)}.bb-reveal:not(.bb-reveal--stagger),.bb-reveal--stagger>.bb-reveal__item{opacity:0;transform:var(--reveal-from);transition:opacity var(--dur-slow) var(--ease-enter),transform var(--dur-slow) var(--ease-enter),filter var(--dur-slow) var(--ease-enter);transition-delay:calc(var(--reveal-delay, 0ms) + var(--i, 0) * var(--reveal-stagger, 0ms))}.bb-reveal--blur:not(.bb-reveal--stagger),.bb-reveal--blur>.bb-reveal__item{filter:blur(8px)}.bb-reveal.is-in:not(.bb-reveal--stagger),.bb-reveal.is-in>.bb-reveal__item{opacity:1;transform:none;filter:none}.bb-countup{font-variant-numeric:tabular-nums}.bb-skeleton-stack{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.bb-skeleton{display:block;border-radius:var(--radius-xs);background:var(--surface-sunken);position:relative;overflow:hidden}.bb-skeleton:after{content:"";position:absolute;inset:0;transform:translate(100%);background:linear-gradient(90deg,transparent,var(--surface-tint),transparent);animation:bb-shimmer 1.4s var(--ease-ambient) infinite}[dir=rtl] .bb-skeleton:after{animation-name:bb-shimmer-rtl}@keyframes bb-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bb-shimmer-rtl{0%{transform:translate(100%)}to{transform:translate(-100%)}}.bb-loader{display:inline-grid;place-items:center;--loader-a: var(--brand-indigo);--loader-b: var(--brand-blue)}.bb-loader--white{--loader-a: var(--on-brand);--loader-b: var(--on-brand)}.bb-loader svg{overflow:visible}.bb-loader__track{fill:none;stroke:var(--border);stroke-width:7;stroke-linejoin:miter}.bb-loader--white .bb-loader__track{stroke:#ffffff40}.bb-loader__run{fill:none;stroke-width:7;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:26 74}.bb-loader__run--outer{animation:bb-trace 1.6s linear infinite}.bb-loader__run--inner{animation:bb-trace 1.6s linear infinite reverse;stroke-dasharray:34 66}.bb-loader svg{animation:bb-breathe-loader 3.2s var(--ease-ambient) infinite alternate}@keyframes bb-trace{to{stroke-dashoffset:-100}}@keyframes bb-breathe-loader{0%{transform:scale(.96)}to{transform:scale(1.04)}}.bb-intro{display:block;overflow:visible}.bb-intro__mark{stroke-width:16;stroke-dasharray:1;stroke-dashoffset:0;fill-opacity:1}.bb-intro.is-playing .bb-intro__mark{animation:bb-draw 1.1s var(--ease-standard) both,bb-fill .6s var(--ease-standard) .9s both;animation-delay:calc(var(--i) * .12s),calc(.9s + var(--i) * .12s)}@keyframes bb-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes bb-fill{0%{fill-opacity:0}to{fill-opacity:1}}.bb-intro__letter{transform-box:fill-box;transform-origin:50% 100%}.bb-intro.is-playing .bb-intro__letter{animation:bb-letter var(--dur-slow) var(--ease-spring) both;animation-delay:calc(1.3s + var(--i) * var(--stagger-step))}@keyframes bb-letter{0%{opacity:0;transform:translateY(60%) scaleY(.6)}to{opacity:1;transform:none}}.bb-screens{position:relative;overflow:hidden;height:100%}.bb-screen{height:100%;animation:bb-screen-forward var(--dur-slow) var(--ease-enter) both}.bb-screen--back{animation-name:bb-screen-back}@keyframes bb-screen-forward{0%{opacity:0;transform:translate(-32px)}}@keyframes bb-screen-back{0%{opacity:0;transform:translate(32px)}}[dir=ltr] .bb-screen--forward{animation-name:bb-screen-forward-ltr}[dir=ltr] .bb-screen--back{animation-name:bb-screen-back-ltr}@keyframes bb-screen-forward-ltr{0%{opacity:0;transform:translate(32px)}}@keyframes bb-screen-back-ltr{0%{opacity:0;transform:translate(-32px)}}@media (prefers-reduced-motion: reduce){.bb-root *,.bb-root *:before,.bb-root *:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:var(--dur-instant)!important;transition-delay:0ms!important;scroll-behavior:auto!important}.bb-reveal:not(.bb-reveal--stagger),.bb-reveal--stagger>.bb-reveal__item{transform:none;filter:none}.bb-course.is-interactive:hover,.bb-lecture:hover{transform:none}.bbh-field .bbh-s,.bbh-field .bbh-h,.bbd circle,.bbm{animation:none!important;translate:none!important;scale:none!important}.bb-skeleton:after{animation:none!important;opacity:0}}@property --bbS{syntax: "<number>"; inherits: true; initial-value: 0;}.bb-cont{position:absolute;inset:0;pointer-events:none}.bb-cont__art{display:block;width:100%;height:100%;overflow:hidden}.bb-cont.is-flipped .bb-cont__art{transform:scaleX(-1)}.bb-cont__lat{transform:translateY(calc((var(--base) + var(--bbS)) * 1px))}.bb-cont__art.is-timeline .bb-cont__lat{animation:bb-cont-y linear both;animation-timeline:scroll(nearest block)}.bb-cont__art.is-timeline{animation:bb-cont-s linear both;animation-timeline:scroll(nearest block)}@keyframes bb-cont-y{0%{transform:translateY(calc(var(--base) * 1px))}to{transform:translateY(calc((var(--base) + var(--smaxk)) * 1px))}}@keyframes bb-cont-s{0%{--bbS: 0}to{--bbS: var(--smaxk)}}.bb-cont .bbh{--rise: clamp(0, calc((var(--h) - var(--cy) - var(--base) - var(--bbS)) / (var(--h) * .66)), 1);--s2: min(1, calc(var(--s) * (.35 + .65 * var(--rise)) + .25 * var(--rise)))}.bb-cont .bbh-s{transform:translate(calc(5.4px * var(--s2)),calc(18px * var(--s2)));opacity:calc(.25 + .75 * var(--s2))}.bb-cont .bbh-h{opacity:calc((.25 + .75 * var(--d)) * (.4 + .6 * var(--rise)))}.bb-hero .bb-cont{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 30%,transparent 88%);mask-image:linear-gradient(to right,#000 0%,#000 30%,transparent 88%)}[dir=ltr] .bb-hero .bb-cont{-webkit-mask-image:linear-gradient(to left,#000 0%,#000 30%,transparent 88%);mask-image:linear-gradient(to left,#000 0%,#000 30%,transparent 88%)}@media (prefers-reduced-motion: reduce){.bb-cont__art.is-timeline,.bb-cont__art.is-timeline .bb-cont__lat{animation-duration:auto!important;animation-iteration-count:1!important}}.bb-window{display:flex;flex-direction:column;overflow:hidden;background:var(--surface-page);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);color:var(--ink);font-family:var(--font-sans)}.bb-window__titlebar{position:relative;z-index:3;display:flex;align-items:center;gap:var(--space-4);block-size:40px;padding-inline-start:var(--space-4);background:var(--surface-page);border-block-end:1px solid var(--border);user-select:none;-webkit-app-region:drag}.bb-window.is-inactive .bb-window__titlebar{opacity:.7}.bb-window__app{display:inline-flex;align-items:center;gap:var(--space-2);flex:none}.bb-window__app .bb-logo{direction:ltr}.bb-window__title{font:500 12px/16px var(--font-sans);color:var(--ink-strong)}.bb-window__sub{font:400 12px/16px var(--font-sans);color:var(--ink-muted)}.bb-window__sub:before{content:"·";margin-inline-end:var(--space-2)}.bb-window__search{flex:1;max-inline-size:420px;margin-inline:auto;display:flex;align-items:center;gap:var(--space-2);block-size:30px;padding-inline:var(--space-3);border-radius:6px;background:var(--surface-card);border:1px solid var(--border);color:var(--ink-muted);-webkit-app-region:no-drag;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.bb-window__search:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--primary-soft)}.bb-window__search input{flex:1;min-inline-size:0;border:0;outline:0;background:transparent;font:400 12px/16px var(--font-sans);color:var(--ink-strong)}.bb-window__search input::placeholder{color:var(--ink-muted)}.bb-window__search kbd{font:500 10px/14px var(--font-sans);padding:1px 6px;border-radius:4px;border:1px solid var(--border);color:var(--ink-muted);background:var(--surface-tint)}.bb-window__caption{display:flex;margin-inline-start:auto;-webkit-app-region:no-drag}.bb-window__search+.bb-window__caption{margin-inline-start:0}.bb-window__btn{display:grid;place-items:center;inline-size:46px;block-size:40px;border:0;background:transparent;color:var(--ink-strong);cursor:default;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.bb-window__btn svg{inline-size:10px;block-size:10px;fill:none;stroke:currentColor;stroke-width:1}.bb-window__btn:hover{background:var(--surface-sunken)}.bb-window__btn:active{background:var(--border)}.bb-window__btn--close:hover{background:var(--danger);color:var(--on-danger)}.bb-window__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.bb-window__body{position:relative;flex:1;min-block-size:0;display:flex}.bb-window__body>.bb-sidebar{block-size:auto}.bb-hexspin{flex:none;overflow:visible}.bb-hexspin polygon{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:miter;stroke-miterlimit:4;stroke-linecap:butt}.bb-hexspin__track{opacity:.3}.bb-hexspin__run{stroke-dasharray:34 66;animation:bb-trace 1.1s linear infinite}.bb-dd{position:relative}.bb-dd__trigger{inline-size:100%;cursor:pointer;text-align:start;font:400 14px/22px var(--font-sans);color:var(--ink-strong)}.bb-dd__trigger:disabled{cursor:not-allowed;opacity:.5}.bb-dd__trigger.is-placeholder{color:var(--ink-muted)}.bb-dd__value{flex:1;min-inline-size:0;display:flex;align-items:center;gap:var(--space-2);overflow:hidden;white-space:nowrap}.bb-dd__value .bb-menu__desc{display:none}.bb-dd__value .bb-icon{color:var(--primary-ink)}.bb-dd__chev{transition:transform var(--dur-base) var(--ease-standard);color:var(--ink-muted)}.bb-dd.is-open .bb-dd__chev{transform:rotate(180deg)}.bb-dd.is-open .bb-dd__trigger{border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--primary-soft)}.bb-menu{position:absolute;z-index:40;min-inline-size:100%;inset-block-start:calc(100% + 6px);inset-inline-start:0;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform-origin:top;animation:bb-menu-in var(--dur-base) var(--ease-enter) both}@keyframes bb-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}}@keyframes bb-item-in{0%{opacity:0;transform:translateY(6px)}}.bb-menu__list{list-style:none;margin:0;padding:0;max-block-size:280px;overflow:auto}.bb-menu__item{display:flex;align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:40px;padding:8px var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer;text-align:start;font:400 14px/20px var(--font-sans);animation:bb-item-in var(--dur-base) var(--ease-enter) backwards;animation-delay:calc(var(--i, 0) * 18ms);transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.bb-menu__item .bb-icon{color:var(--ink-muted);flex:none}.bb-menu__item[data-active=true]{background:var(--surface-tint);color:var(--ink-strong)}.bb-menu__item.is-selected{color:var(--primary-ink);font-weight:500}.bb-menu__item.is-selected .bb-icon{color:var(--primary-ink)}.bb-menu__item.is-disabled,.bb-menu__item:disabled{opacity:.45;cursor:not-allowed}.bb-menu__text{flex:1;min-inline-size:0;display:flex;flex-direction:column}.bb-menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-menu__desc{font-size:12px;line-height:16px;color:var(--ink-muted)}.bb-menu__check{opacity:0;transform:scale(.6);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-base) var(--ease-spring)}.bb-menu__item.is-selected .bb-menu__check{opacity:1;transform:none}.bb-menu__search{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);padding:0 var(--space-3);block-size:38px;border-block-end:1px solid var(--border);color:var(--ink-muted)}.bb-menu__search input{flex:1;border:0;outline:0;background:transparent;font:400 14px/20px var(--font-sans);color:var(--ink-strong)}.bb-menu__empty{padding:var(--space-4);text-align:center;color:var(--ink-muted);font-size:13px}.bb-menu__divider{block-size:1px;margin:var(--space-1) var(--space-2);background:var(--border)}.bb-menu__section{padding:8px var(--space-3) 4px;font:500 12px/16px var(--font-sans);color:var(--ink-muted)}.bb-menu__item kbd{font:500 11px/14px var(--font-sans);color:var(--ink-muted)}.bb-menu__item.is-danger,.bb-menu__item.is-danger .bb-icon{color:var(--danger)}.bb-menu__item.is-danger[data-active=true]{background:var(--danger-soft)}.bb-menuwrap{position:relative;display:inline-flex}.bb-menu--actions{min-inline-size:220px;inset-inline-start:auto;inset-inline-end:0}.bb-menuwrap--start .bb-menu--actions{inset-inline-end:auto;inset-inline-start:0}.bb-bitslive{display:block;inline-size:auto;flex:none}.bb-bitslive__mark{fill:var(--live)}.bb-bitslive__word{fill:var(--live-ink)}.bb-livecard__brand.bb-bitslive{direction:ltr}@property --hex-ga{syntax: "<angle>"; inherits: true; initial-value: 135deg;}.bb-course__hex,.bb-lecture__num{position:relative;isolation:isolate}.bb-course__hex:before,.bb-lecture__num:before{content:"";position:absolute;inset:0;z-index:-1;clip-path:var(--hex-clip);background:var(--hex-fill);transform:rotate(0);transition:transform var(--dur-slow) var(--ease-standard),--hex-ga var(--dur-slow) var(--ease-standard)}.bb-course.is-interactive:hover .bb-course__hex:before,.bb-lecture:not(.is-locked):hover .bb-lecture__num:before{transform:rotate(-60deg);--hex-ga: 195deg;transition:transform var(--dur-slower) var(--ease-spring),--hex-ga var(--dur-slower) var(--ease-spring)}@media (prefers-reduced-motion: reduce){.bb-course__hex:before,.bb-lecture__num:before{transition:none!important}}.bb-btn,.bb-iconbtn{position:relative;isolation:isolate;--bw: 0px;--btn-edge: transparent;--btn-fill: transparent;--btn-light: none}.bb-btn__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;clip-path:polygon(var(--cut, 3.5px) 0,calc(100% - var(--cut, 3.5px)) 0,100% 25%,100% 75%,calc(100% - var(--cut, 3.5px)) 100%,var(--cut, 3.5px) 100%,0 75%,0 25%);background:var(--btn-edge)}.bb-iconbtn .bb-btn__bg{clip-path:var(--hex-clip)}.bb-btn__bg:before,.bb-btn__bg:after{content:"";position:absolute;inset:var(--bw);--ic: calc(var(--cut) - var(--bw) * .866);clip-path:polygon(var(--ic) 0,calc(100% - var(--ic)) 0,100% 25%,100% 75%,calc(100% - var(--ic)) 100%,var(--ic) 100%,0 75%,0 25%)}.bb-iconbtn .bb-btn__bg:before,.bb-iconbtn .bb-btn__bg:after{clip-path:var(--hex-clip)}.bb-btn__bg:before{background:var(--btn-fill)}.bb-btn__bg:after{background:var(--btn-light);opacity:0;transition:opacity var(--dur-fast) var(--ease-standard)}.bb-btn:hover:not(:disabled) .bb-btn__bg:after,.bb-iconbtn:hover:not(:disabled) .bb-btn__bg:after{opacity:1}.bb-btn:hover:not(:disabled) .bb-btn__bg,.bb-iconbtn:hover:not(:disabled) .bb-btn__bg{background:var(--btn-edge-hover, var(--btn-edge))}.bb-btn--primary,.bb-iconbtn--primary{color:var(--on-brand);--btn-fill: var(--primary);--btn-light: radial-gradient(160px circle at var(--bx, 50%) var(--by, 50%), var(--brand-indigo) 0%, var(--brand-blue) 100%)}.bb-btn--primary:active:not(:disabled),.bb-iconbtn--primary:active:not(:disabled){--btn-light: radial-gradient(220px circle at var(--bx, 50%) var(--by, 50%), var(--theory-deep) 0%, var(--brand-indigo) 45%, var(--brand-blue) 100%)}.bb-btn--primary:hover:not(:disabled),.bb-iconbtn--primary:hover:not(:disabled){filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--brand-indigo) 30%,transparent))}.bb-btn--secondary,.bb-iconbtn--secondary{--bw: 1px;--btn-edge: var(--border-strong);--btn-fill: var(--surface-card);--btn-edge-hover: radial-gradient(70px circle at var(--bx, 50%) var(--by, 50%), var(--brand-blue), transparent 80%) var(--border-strong);--btn-light: radial-gradient(110px circle at var(--bx, 50%) var(--by, 50%), color-mix(in srgb, var(--brand-blue) 22%, transparent), color-mix(in srgb, var(--brand-indigo) 6%, transparent) 55%, transparent 75%)}.bb-btn--secondary{color:var(--ink-strong)}.bb-iconbtn--secondary{color:var(--primary-ink)}.bb-btn--secondary:hover:not(:disabled),.bb-iconbtn--secondary:hover:not(:disabled){filter:drop-shadow(0 0 6px color-mix(in srgb,var(--brand-blue) 35%,transparent))}.bb-btn--ghost{color:var(--primary-ink)}.bb-iconbtn--ghost:hover:not(:disabled){color:var(--primary-ink)}.bb-btn--ghost,.bb-iconbtn--ghost{--btn-light: radial-gradient(110px circle at var(--bx, 50%) var(--by, 50%), color-mix(in srgb, var(--brand-indigo) 28%, transparent) 0%, color-mix(in srgb, var(--brand-blue) 10%, transparent) 65%, color-mix(in srgb, var(--brand-blue) 5%, transparent) 100%)}.bb-btn--danger{color:var(--on-danger);--btn-fill: var(--danger);--danger-deep: color-mix(in srgb, var(--danger) 72%, #3a0010);--btn-light: radial-gradient(160px circle at var(--bx, 50%) var(--by, 50%), var(--danger-deep) 0%, var(--danger) 100%)}.bb-btn--danger:active:not(:disabled){--btn-light: radial-gradient(220px circle at var(--bx, 50%) var(--by, 50%), color-mix(in srgb, var(--danger) 55%, #2a000c) 0%, var(--danger-deep) 50%, var(--danger) 100%)}.bb-btn--danger:hover:not(:disabled){filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--danger) 30%,transparent))}.bb-btn:disabled{cursor:not-allowed;opacity:.45}.bb-iconbtn:disabled{cursor:not-allowed;color:var(--ink-muted);--bw: 1px;--btn-edge: var(--border);--btn-fill: var(--surface-tint)}.bb-hero__action .bb-btn--secondary{color:var(--brand-indigo);--bw: 0px;--btn-edge: transparent;--btn-edge-hover: transparent;--btn-fill: var(--on-brand);--btn-light: radial-gradient(110px circle at var(--bx, 50%) var(--by, 50%), color-mix(in srgb, var(--brand-indigo) 22%, transparent), transparent 75%)}.bb-hero__action .bb-btn--secondary:hover:not(:disabled){filter:drop-shadow(0 0 8px rgba(255,255,255,.55))}.bb-btn:focus-visible,.bb-iconbtn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.bb-btn__bg:after{transition:none}}.bb-btn .bb-btn__bg{clip-path:inset(0 round var(--radius-sm))}.bb-btn .bb-btn__bg:before,.bb-btn .bb-btn__bg:after{clip-path:inset(0 round calc(var(--radius-sm) - var(--bw)))}.bb-dd__pop{position:fixed;inset:auto;margin:0;min-inline-size:0;box-sizing:border-box;display:flex;flex-direction:column;color:var(--ink);overflow:hidden}.bb-dd__pop .bb-menu__list{min-block-size:0;overscroll-behavior:contain}.bb-dd__pop .bb-menu__search{flex-shrink:0}.bb-root{-webkit-font-smoothing:antialiased}.bb-root a:focus-visible,.bb-root input:focus-visible,.bb-root textarea:focus-visible,.bb-root select:focus-visible,.bb-root button:not(.bb-btn):not(.bb-iconbtn):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.bb-root .bb-input:focus-within,.bb-root .bb-input input:focus-visible,.bb-root .bb-input select:focus-visible{outline:none}.bb-root .bb-input:focus-within{border-color:var(--focus-ring)}.bb-root input,.bb-root textarea{caret-color:var(--primary)}.bbx-h1{margin:0;font:400 28px/42px var(--font-display);color:var(--ink-strong)}.bbx-sec{margin:0;font:400 22px/34px var(--font-display);color:var(--ink-strong)}.bbx-dcard-h{margin:0;font:500 18px/28px var(--font-sans);color:var(--ink-strong)}.bbx-t-title{font:500 15px/22px var(--font-sans);color:var(--ink-strong)}.bbx-t-label{font:500 14px/20px var(--font-sans);color:var(--ink-strong)}.bbx-t-name{font:700 15px/22px var(--font-name);color:var(--ink-strong)}.bbx-t-name-lg{font:700 20px/30px var(--font-name);color:var(--ink-strong)}.bbx-t-body{font:400 14px/22px var(--font-sans);color:var(--ink)}.bbx-t-read{font:400 16px/26px var(--font-sans);color:var(--ink)}.bbx-t-cap{font:400 12px/18px var(--font-sans);color:var(--ink-muted)}.bbx-stat{font:400 28px/38px var(--font-display);color:var(--ink-strong);font-variant-numeric:tabular-nums}.bbx-num{font-variant-numeric:tabular-nums}.bbx-ltr{direction:ltr;unicode-bidi:isolate}.bbx-clip1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbx-link{font:500 14px/20px var(--font-sans);color:var(--primary-ink);text-decoration:none;padding:8px 0;background:none;border:0;cursor:pointer}.bbx-link:hover{color:var(--primary-hover)}.bbx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bbx-row{display:flex;align-items:center;gap:12px}.bbx-col{display:flex;flex-direction:column;gap:4px;min-width:0}.bbx-grow{flex:1;min-width:0}.bbx-divide>*+*{border-top:1px solid var(--border)}.bbx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:24px}.bbx-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:24px;align-items:start}.bbx-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}.bbx-card--tight{padding:12px}.bbx-card--dash{padding:20px}.bbx-card--link{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.bbx-card--link:hover{box-shadow:var(--shadow-md);border-color:var(--primary-soft)}.bbx-card--link:active{transform:scale(.99)}.bbx-card--sel{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.bbx-card--warn{border-color:var(--warning)}.bbx-card--danger{border-color:var(--danger)}.bbx-well{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:12px}@keyframes bb-rise-in{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@keyframes bb-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes bb-live-beat{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}@keyframes bb-sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.bbx-rise{animation:bb-rise-in var(--dur-slow) var(--ease-enter) both}.bbx-pop{animation:bb-pop-in var(--dur-slow) var(--ease-spring) both}@media (prefers-reduced-motion: reduce){.bbx-rise,.bbx-pop{animation:none}}.bb-root{--tk-fg: #1F1F1F;--tk-kw: #0000FF;--tk-ctl: #AF00DB;--tk-type: #267F99;--tk-fn: #795E26;--tk-str: #A31515;--tk-num: #098658;--tk-com: #008000;--tk-var: #001080;--tk-punc: #3B3B3B;--tk-attr: #267F99;--tk-tag: #800000}.bb-root[data-theme=dark],.bbx-code{--tk-fg: #D4D4D4;--tk-kw: #569CD6;--tk-ctl: #C586C0;--tk-type: #4EC9B0;--tk-fn: #DCDCAA;--tk-str: #CE9178;--tk-num: #B5CEA8;--tk-com: #6A9955;--tk-var: #9CDCFE;--tk-punc: #D4D4D4;--tk-attr: #4EC9B0;--tk-tag: #569CD6}.tk-kw{color:var(--tk-kw)}.tk-ctl{color:var(--tk-ctl)}.tk-type{color:var(--tk-type)}.tk-fn{color:var(--tk-fn)}.tk-str{color:var(--tk-str)}.tk-num{color:var(--tk-num)}.tk-com{color:var(--tk-com);font-style:italic}.tk-var{color:var(--tk-var)}.tk-punc{color:var(--tk-punc)}.tk-attr{color:var(--tk-attr)}.tk-tag{color:var(--tk-tag)}.tk-plain{color:var(--tk-fg)}.tk-blank{display:inline-block;padding:0 6px;border:1px dashed var(--tk-fn);border-radius:3px;color:var(--tk-fn);background:color-mix(in srgb,var(--tk-fn) 10%,transparent);line-height:18px}.bbx-mono{font-family:Cascadia Code,JetBrains Mono,Consolas,ui-monospace,Menlo,monospace}.bb-iconbtn .bb-btn__bg{clip-path:inset(0 round var(--radius-sm))}.bb-iconbtn .bb-btn__bg:before,.bb-iconbtn .bb-btn__bg:after{clip-path:inset(0 round calc(var(--radius-sm) - var(--bw)))}.bbx-popover.is-closing{pointer-events:none}.bb-dialog-backdrop.is-closing{animation:bb-overlay-out .2s var(--ease-standard) both}.bb-dialog-backdrop.is-closing .bb-dialog{animation:bb-dialog-out .2s var(--ease-standard) both}.bbx-sheetwrap.is-closing .bbx-scrim{animation:bb-overlay-out .2s var(--ease-standard) both}.bbx-sheetwrap.is-closing .bbx-sheet{animation:bb-sheet-out .2s var(--ease-standard) both}.bbx-popover.is-closing{animation:bb-dialog-out .2s var(--ease-standard) both}@keyframes bb-overlay-out{to{opacity:0}}@keyframes bb-dialog-out{to{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes bb-sheet-out{to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){.bb-dialog-backdrop,.bb-dialog,.bbx-sheetwrap,.bbx-sheet,.bbx-popover,.bb-dialog-backdrop.is-closing,.bb-dialog-backdrop.is-closing .bb-dialog,.bbx-sheetwrap.is-closing .bbx-scrim,.bbx-sheetwrap.is-closing .bbx-sheet,.bbx-popover.is-closing{animation:none}}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/aref-ruqaa-arabic-400-normal-BjFF6Co6.woff2) format("woff2"),url(/assets/aref-ruqaa-arabic-400-normal-Dw8EklJt.woff) format("woff")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/aref-ruqaa-latin-400-normal-4KGUN45v.woff2) format("woff2"),url(/assets/aref-ruqaa-latin-400-normal-DeKC170g.woff) format("woff")}body{margin:0}a{color:var(--primary-ink)}a:hover{color:var(--primary-hover)}.lp{display:block;min-height:100%;background:var(--surface-page)}.wrap{max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}.nav{display:flex;align-items:center;gap:24px;padding:20px 0;flex-wrap:wrap}.nav-links{display:flex;gap:4px;flex:1;flex-wrap:wrap}.nav-links a{padding:8px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font:500 15px/22px var(--font-sans)}.nav-links a:hover{background:var(--surface-tint);color:var(--ink-strong)}.hero{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(195deg,var(--brand-indigo),var(--brand-blue));color:var(--on-brand);padding:64px 56px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:40px;align-items:end;box-shadow:var(--shadow-lg)}.hero-copy{display:flex;flex-direction:column;gap:22px;align-self:center;padding-bottom:64px;position:relative;z-index:2}.eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff47;font:500 14px/20px var(--font-sans)}.h-xl{margin:0;font:400 clamp(44px,6vw,80px)/1.12 var(--font-display);color:var(--on-brand);text-wrap:balance}.h-xl em{font-style:normal;color:#cfe0ff}.lead{margin:0;font:400 clamp(17px,1.5vw,20px)/1.75 var(--font-sans);color:#ffffffeb;max-width:560px;text-wrap:pretty}.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn-white{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 24px;border-radius:14px;background:#fff;color:var(--brand-ink,#1b2a6b);font:600 17px/24px var(--font-sans);text-decoration:none;box-shadow:0 10px 24px #0a145040;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-standard)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0a145052;color:var(--brand-ink,#1b2a6b)}.btn-glass{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 20px;border-radius:14px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff59;color:#fff;font:500 16px/24px var(--font-sans);text-decoration:none}.btn-glass:hover{background:#fff3;color:#fff}.meta{display:flex;gap:16px;flex-wrap:wrap;font:400 14px/20px var(--font-sans);color:#ffffffd9}.meta span{display:inline-flex;align-items:center;gap:6px}.stage{position:relative;min-height:520px;z-index:1}.deco{position:absolute;pointer-events:none}.win{position:absolute;bottom:0;inset-inline-start:0;width:min(560px,100%);height:380px;border-radius:14px 14px 0 0;background:var(--surface-card);box-shadow:0 30px 60px #060e3c73;overflow:hidden;display:flex;flex-direction:column}.win-bar{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;background:var(--surface-raised);border-bottom:1px solid var(--border);font:500 12px/16px var(--font-sans);color:var(--ink-muted)}.win-ctl{display:flex;gap:14px;direction:ltr;margin-inline-start:auto;color:var(--ink-muted)}.win-body{flex:1;display:flex;min-height:0;background:var(--surface-sunken)}.win-rail{width:66px;padding:10px 8px;display:flex;flex-direction:column;gap:8px;background:var(--surface-card);border-inline-end:1px solid var(--border)}.win-rail img{width:100%;border:1px solid var(--border);border-radius:2px;background:#fff}.win-rail img.cur{outline:2px solid var(--primary);outline-offset:1px}.win-doc{flex:1;display:flex;justify-content:center;padding:14px 0 0;overflow:hidden}.win-side{width:150px;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--surface-card);border-inline-start:1px solid var(--border)}.ln{height:7px;border-radius:4px;background:var(--surface-sunken)}.phone{position:absolute;bottom:-40px;inset-inline-end:8%;width:250px;height:520px;border-radius:38px;background:#0d1124;padding:10px;box-shadow:0 34px 70px #060e3c8c;transform:rotate(-4deg);z-index:3}.phone-scr{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:var(--surface-sunken);display:flex;flex-direction:column}.ph-head{display:flex;flex-direction:column;gap:0;padding:22px 14px 8px;background:var(--surface-card);border-bottom:1px solid var(--border)}.ph-page{flex:1;display:flex;justify-content:center;padding:10px 10px 0;overflow:hidden}.pg{position:relative;flex:none;background:#fff;box-shadow:var(--shadow-sm);border-radius:2px;overflow:hidden}.pg>img{display:block;width:100%;height:auto}.ph-dock{position:absolute;inset-inline:10px;bottom:10px;display:flex;align-items:flex-end;justify-content:space-around;padding:8px 6px 6px;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md)}.ph-dock i{width:20px;height:5px;border-radius:3px;background:var(--border-strong);margin-bottom:10px}.ph-pen{width:40px;height:44px;margin-top:-20px;clip-path:var(--hex-clip);background:var(--primary);color:#fff;display:grid;place-items:center}.float{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;border-radius:14px;background:var(--surface-raised);color:var(--ink-strong);box-shadow:0 14px 30px #060e3c4d;font:500 13px/18px var(--font-sans);white-space:nowrap}.float .hex{width:26px;height:28px}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sec-h{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;margin:0 auto 40px;max-width:720px}.kicker{display:inline-flex;align-items:center;gap:8px;font:600 14px/20px var(--font-sans);color:var(--primary-ink)}.h-lg{margin:0;font:400 clamp(34px,4vw,52px)/1.2 var(--font-display);color:var(--ink-strong);text-wrap:balance}.sub{margin:0;font:400 18px/1.75 var(--font-sans);color:var(--ink);text-wrap:pretty}.section{padding:112px 0 0}.hive-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:48px;align-items:center}.hive{--c:clamp(92px,11vw,148px);display:flex;flex-direction:column;align-items:center}.hrow{display:flex;gap:8px;justify-content:center}.hrow+.hrow{margin-top:calc(var(--c) * -.2887 + 8px)}.cell{width:var(--c);height:calc(var(--c) * 1.1547);clip-path:var(--hex-clip);border:0;padding:0 10px;cursor:pointer;background:var(--surface-card);color:var(--ink-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:600 clamp(12px,1.1vw,15px)/1.3 var(--font-sans);text-align:center;transition:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-spring);box-shadow:none}.cell:hover{background:var(--primary-soft);transform:scale(1.04)}.cell.is-on{background:var(--primary);color:var(--on-brand);transform:scale(1.08)}.cell .ic{width:40px;height:44px;clip-path:var(--hex-clip);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink)}.cell.is-on .ic{background:#fff3;color:#fff}.detail{display:flex;flex-direction:column;gap:20px;padding:36px;border-radius:24px;background:var(--surface-card);border:1px solid var(--border);box-shadow:var(--shadow-md);animation:bb-rise-in var(--dur-slow) var(--ease-enter) both}.h-md{margin:0;font:400 clamp(28px,3vw,38px)/1.25 var(--font-display);color:var(--ink-strong)}.pts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.pts li{display:flex;gap:10px;align-items:flex-start;font:400 16px/26px var(--font-sans);color:var(--ink)}.pts li .hexdot{margin-top:9px;width:10px;height:11px}.mock{border-radius:16px;background:var(--surface-sunken);padding:18px;display:flex;flex-direction:column;gap:10px}.mrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface-card);border:1px solid var(--border)}.bar{flex:1;height:8px;background:var(--surface-tint)}.bar>span{display:block;height:100%;background:var(--primary)}.opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-card);font:500 14px/20px var(--font-sans);direction:ltr;justify-content:flex-end}.opt.ok{border:2px solid var(--success);background:var(--success-soft);color:var(--success)}.journey{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:20px;position:relative}.step{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 20px;border-radius:20px;background:var(--surface-card);border:1px solid var(--border)}.step .num{font:400 44px/1 var(--font-display);color:var(--primary)}.step h3{margin:0;font:700 19px/28px var(--font-name);color:var(--ink-strong)}.step p{margin:0;font:400 15px/24px var(--font-sans);color:var(--ink)}.plats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}.plat{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:24px;background:var(--surface-card);border:1px solid var(--border);transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-standard)}.plat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.plat.is-me{border:2px solid var(--primary);box-shadow:var(--shadow-lg)}.plat .badge{position:absolute;top:-14px;inset-inline-start:24px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--primary);color:var(--on-brand);font:600 13px/18px var(--font-sans)}.plat h3{margin:0;font:400 32px/1.2 var(--font-display);color:var(--ink-strong)}.ftype{display:flex;gap:8px;flex-wrap:wrap}.ftype span{padding:3px 10px;border-radius:999px;background:var(--surface-sunken);font:500 13px/18px var(--font-sans);color:var(--ink-strong);direction:ltr}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.howto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}.hstep{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:var(--surface-card);border:1px solid var(--border)}.hstep .hex{width:36px;height:40px;background:var(--primary-soft);color:var(--primary-ink);font:600 15px/1 var(--font-sans)}.code{direction:ltr;text-align:left;margin:0;padding:14px 16px;border-radius:12px;background:#1e1e1e;color:#d4d4d4;font:500 14px/22px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre}.code .k{color:#569cd6}.code .f{color:#dcdcaa}.code .s{color:#ce9178}.code .c{color:#6a9955}.priv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}.pcard{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:24px;background:var(--surface-card);border:1px solid var(--border)}.pcard h3{margin:0;font:400 26px/1.3 var(--font-display);color:var(--ink-strong)}.pcard p{margin:0;font:400 16px/26px var(--font-sans);color:var(--ink)}.faq{display:flex;flex-direction:column;gap:12px;max-width:860px;margin:0 auto}.faq details{border-radius:16px;background:var(--surface-card);border:1px solid var(--border);padding:0 22px}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;cursor:pointer;list-style:none;font:600 17px/26px var(--font-sans);color:var(--ink-strong)}.faq summary::-webkit-details-marker{display:none}.faq summary .hex{width:28px;height:31px;background:var(--primary-soft);color:var(--primary-ink);transition:transform var(--dur-base) var(--ease-standard)}.faq details[open] summary .hex{transform:rotate(45deg)}.faq details p{margin:0 0 20px;font:400 16px/28px var(--font-sans);color:var(--ink)}.final{position:relative;overflow:hidden;margin-top:112px;border-radius:32px;background:linear-gradient(195deg,var(--brand-indigo),var(--brand-blue));color:#fff;padding:56px;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}.foot{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:40px 0;margin-top:64px;border-top:1px solid var(--border);font:400 14px/20px var(--font-sans);color:var(--ink-muted)}.foot a{color:var(--ink-muted);text-decoration:none}.foot a:hover{color:var(--ink-strong)}.sprog{position:sticky;top:0;z-index:60;height:4px;background:transparent}.sprog>span{display:block;height:100%;background:var(--primary);clip-path:polygon(0 0,calc(100% - 3px) 0,100% 50%,calc(100% - 3px) 100%,0 100%);transition:width .12s linear}.h-xl .w{display:inline-block;margin-inline-end:.22em;opacity:0;animation:w-in .9s var(--ease-enter) both}.h-xl .w.em{color:#cfe0ff}@keyframes w-in{0%{opacity:0;transform:translateY(.55em) rotate(-4deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}.in-1,.in-2,.in-3,.in-4{animation:lp-rise .9s var(--ease-enter) both}.in-1{animation-delay:.05s}.in-2{animation-delay:.9s}.in-3{animation-delay:1.05s}.in-4{animation-delay:1.2s}@keyframes lp-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.hx-spin{transform-box:fill-box;transform-origin:center;animation:hx-spin 60s linear infinite}.hx-spin.rev{animation-duration:90s;animation-direction:reverse}@keyframes hx-spin{to{transform:rotate(360deg)}}.hx-line{stroke-dasharray:1500;stroke-dashoffset:1500;animation:hx-draw 3.2s var(--ease-enter) forwards}@keyframes hx-draw{to{stroke-dashoffset:0}}.bits{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bits i{position:absolute;bottom:-40px;clip-path:var(--hex-clip);background:#ffffff38;animation:bit-up linear infinite}@keyframes bit-up{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}80%{opacity:.8}to{transform:translateY(-760px) rotate(180deg);opacity:0}}.tilt{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s var(--ease-standard);will-change:transform}.win{animation:win-in 1.1s var(--ease-enter) .35s both}@keyframes win-in{0%{opacity:0;translate:0 90px}to{opacity:1;translate:0 0}}.phone{animation:phone-in 1.3s var(--ease-spring) .7s both}@keyframes phone-in{0%{opacity:0;translate:0 140px;rotate:12deg}to{opacity:1;translate:0 0;rotate:0deg}}.sweep{transform-origin:right center;animation:sweep .9s var(--ease-enter) both}@keyframes sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ink .draw{stroke-dasharray:900;stroke-dashoffset:900;animation:ink-draw 1.4s var(--ease-enter) forwards}.hw-in{opacity:0;animation:hw-in 1s var(--ease-enter) forwards}@keyframes hw-in{0%{opacity:0;filter:blur(3px);transform:translate(12px)}to{opacity:1;filter:none;transform:none}}.ph-pen{animation:pen-bob 2.8s var(--ease-standard) 3.4s infinite}@keyframes pen-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float{animation:lp-pop .8s var(--ease-spring) both,lp-float 6s var(--ease-standard) infinite}.fl-1{animation-delay:2.1s,2.9s}.fl-2{animation-delay:2.4s,3.4s}.fl-3{animation-delay:2.7s,3.9s}@keyframes lp-pop{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.btn-white{position:relative}.btn-white:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 #ffffff8c;animation:ring 2.6s var(--ease-standard) 2.4s infinite;pointer-events:none}@keyframes ring{0%{box-shadow:0 0 #ffffff80}70%,to{box-shadow:0 0 0 16px #fff0}}.btn-white:hover svg,.bb-btn:hover>svg{animation:dl-bob .7s var(--ease-standard) infinite}@keyframes dl-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease-enter),transform .9s var(--ease-enter)}.rv.in{opacity:1;transform:none}.cell{opacity:0}.cell.in{opacity:1;animation:cell-in .8s var(--ease-spring) backwards}.cell.in.is-on{animation:cell-in .8s var(--ease-spring) backwards,cell-pulse 2.4s var(--ease-standard) infinite}@keyframes cell-in{0%{opacity:0;transform:scale(.3) rotate(-60deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes cell-pulse{0%,to{box-shadow:inset 0 0 #fff0}50%{box-shadow:inset 0 0 0 10px #ffffff29}}.cell .ic{transition:transform var(--dur-base) var(--ease-spring)}.cell:hover .ic{transform:rotate(60deg)}.cell:hover .ic>*{transform:rotate(-60deg)}.detail>*{animation:lp-rise .7s var(--ease-enter) both}.detail>*:nth-child(2){animation-delay:.06s}.detail>*:nth-child(3){animation-delay:.12s}.detail>*:nth-child(4){animation-delay:.18s}.detail>*:nth-child(5){animation-delay:.24s}.detail>*:nth-child(6){animation-delay:.3s}.mock>*{animation:lp-rise .6s var(--ease-enter) both}.mock>*:nth-child(2){animation-delay:.38s}.mock>*:nth-child(3){animation-delay:.46s}.mock>*:nth-child(4){animation-delay:.54s}.mock>*:nth-child(5){animation-delay:.62s}.bar>span{transform-origin:right;animation:sweep 1.4s var(--ease-enter) .5s both}.adv{display:block;height:4px;background:var(--surface-sunken)}.adv>span{display:block;height:100%;background:var(--primary);transform-origin:right;animation:sweep 5s linear both}.jline{position:absolute;top:44px;inset-inline:40px;height:6px;background:var(--surface-sunken);z-index:0}.jline>span{display:block;height:100%;width:0;background:var(--primary);transition:width 2.2s var(--ease-enter) .2s}.jline.in>span{width:100%}.journey .step{z-index:1}.step .num{display:grid;place-items:center;width:56px;height:62px;clip-path:var(--hex-clip);background:var(--primary);color:var(--on-brand);font:400 30px/1 var(--font-display);transform:scale(0) rotate(-90deg);transition:transform .7s var(--ease-spring)}.rv.in .num{transform:none}.plat.is-me.in{animation:me-glow 2.8s var(--ease-standard) 1.4s infinite}@keyframes me-glow{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:0 0 0 6px var(--primary-soft),var(--shadow-lg)}}.plat .badge{animation:badge-bob 2.8s var(--ease-spring) infinite}@keyframes badge-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pcard .hex{transition:transform .9s var(--ease-spring)}.rv:not(.in) .pcard .hex{transform:scale(.2) rotate(-120deg)}.pcard:hover .hex{transform:rotate(60deg)}.faq details[open] p{animation:lp-rise .4s var(--ease-enter) both}.final .hx-spin{opacity:.18}@media (max-width:760px){.jline{display:none}}@media (prefers-reduced-motion:reduce){.h-xl .w,.in-1,.in-2,.in-3,.in-4,.win,.phone,.sweep,.hw-in,.float,.detail>*,.mock>*,.bar>span,.cell.in,.ph-pen,.plat .badge,.plat.is-me.in,.btn-white:after,.hx-spin,.hx-line,.adv>span{animation:none!important;opacity:1!important}.ink .draw,.hx-line{stroke-dashoffset:0!important}.bits{display:none}.rv,.cell{opacity:1!important;transform:none!important;transition:none!important}.step .num,.rv:not(.in) .pcard .hex{transform:none!important}.jline>span{width:100%!important;transition:none}.tilt{transform:none!important}}@media (max-width:760px){.hero{padding:40px 22px 0;border-radius:24px}.hero-copy{padding-bottom:12px}.stage{min-height:440px}.win{display:none}.phone{inset-inline-end:auto;inset-inline-start:50%;transform:translate(50%) rotate(-3deg)}.tilt{transform:none!important}.float.f-hide{display:none}.detail,.plat,.pcard{padding:22px}.final{padding:32px 22px}.section{padding-top:80px}.nav-links{display:none}}html{scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}.lp-page{font-family:var(--font-sans);color:var(--ink);background:var(--surface-page);overflow-x:clip}.lp-page a{text-decoration:none}.lp-page button{font-family:inherit}.lp-page :focus-visible{outline:3px solid var(--focus-ring);outline-offset:5px}.lp-page .wrap{position:relative;z-index:1}.lp-page .nav{flex-wrap:nowrap}.nav>a:first-child{display:flex;flex-shrink:0}.lp-page .nav>.bb-btn{margin-inline-start:auto}.hero-copy{min-width:0}.stage{perspective:1400px}.pg picture,.pg img{display:block;width:100%;height:auto}.win-rail picture{display:block;width:100%;height:auto}.win-rail img{width:100%}.win-side b{font-size:12px}.phone-title{font:400 17px/24px var(--font-display);color:var(--ink-strong)}.hw{font-family:Aref Ruqaa,serif}.ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rd-hl{position:absolute}.row{gap:10px}.rv{opacity:1;transform:none}.step .num{transform:none}.cell{opacity:1}.rv.in:not(.jline){animation:lp-rise .7s var(--ease-enter) both}.jline{list-style:none}.jline>span{width:100%}.journey,.howto{list-style:none;padding:0;margin:0}.hive-column{display:flex;flex-direction:column;align-items:center;gap:28px}.cycle-control{border:1px solid var(--border-strong);background:var(--surface-card);color:var(--primary-ink);border-radius:12px;min-height:44px;padding:8px 18px;cursor:pointer}.cycle-control:disabled{color:var(--ink-muted);cursor:default}.cell:focus-visible{background:var(--primary-soft);color:var(--ink-strong)}.detail{min-height:580px}.reader-mock{display:flex;gap:14px;align-items:flex-start}.reader-mock>.pg{width:46%;max-width:220px}.pen-list{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.pen-list .mrow{padding:10px 8px;font-size:14px;gap:8px}.live-mock{position:relative;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#10142a;color:#fff;border-radius:12px;padding:20px}.live-caption{display:flex;gap:8px;align-items:center;align-self:flex-start}.review-card{min-height:120px;display:grid;place-items:center;text-align:center;background:var(--surface-card);border:1px solid var(--border);border-radius:14px;padding:16px;font-weight:600}.rating{justify-content:center;flex-wrap:wrap}.schedule-mock{display:grid;grid-template-columns:72px repeat(3,minmax(0,1fr));gap:6px;font-size:11px;align-items:stretch}.schedule-mock>span,.schedule-mock>b{min-width:0;overflow-wrap:anywhere;padding:6px}.schedule-mock>span:nth-child(5),.schedule-mock>span:nth-child(9){direction:ltr;font-size:10px}.team-reply{margin-inline-start:28px;border-color:var(--primary)}.platform-icon{width:64px;height:70px;background:var(--primary-soft);color:var(--primary-ink)}.availability{text-align:center;max-width:700px;margin:-12px auto 36px;line-height:1.8;color:var(--ink)}.release-meta{font-size:14px;color:var(--ink-muted)}.release-status{margin:0;color:var(--ink);font-size:14px;min-height:44px;display:flex;align-items:center}.guide-link{display:flex;align-items:center;min-height:44px;color:var(--primary-ink);font-size:14px}.install-guide{margin-top:28px;padding:28px;border-radius:24px;background:var(--surface-card);border:1px solid var(--border);display:flex;flex-direction:column;gap:20px}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.guide-panel{scroll-margin-top:24px}.install-guide[data-enhanced=true] .guide-panel:not(.selected){display:none}.install-guide[data-enhanced=true] .nojs-guide-label{display:none}.hstep .col{gap:6px;font-size:15px;line-height:1.7}.hstep .hex{flex-shrink:0}.linux-note{line-height:1.8}.checksum{font-size:12px;max-width:100%}.checksum summary{min-height:44px;cursor:pointer;display:flex;align-items:center}.checksum code{display:block;overflow-wrap:anywhere;line-height:1.6}.checksum button{min-height:44px;border:0;background:var(--primary-soft);border-radius:8px;padding:6px 14px;margin-top:8px;color:var(--primary-ink);cursor:pointer}.final-copy{position:relative;z-index:1;max-width:620px}.final .h-lg{color:#fff}.final>a{z-index:1}.foot .row{flex-wrap:wrap}.foot nav{gap:20px}.foot a{min-height:44px;display:inline-flex;align-items:center}.skip{position:fixed;inset-inline-start:16px;top:-90px;z-index:100;background:#fff;color:var(--primary-ink);padding:14px 20px;border-radius:12px}.skip:focus{top:16px}.nojs-features{display:grid;gap:24px;margin-top:24px}.offscreen .bits i,.offscreen .hx-spin{animation-play-state:paused}.meta{min-height:40px}.h-xl .w{margin-inline-end:0}.lp-page .btn-white{color:#1b2a6b}.sub{font-size:17px}.sprog>span{width:100%;transform-origin:right;transition:none}@media (min-width:1100px){.hero,.hive-wrap{grid-template-columns:1fr 1fr}.journey{grid-template-columns:repeat(5,minmax(0,1fr))}.plats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:760px) and (max-width:1099px){.hero{padding-inline:36px;gap:20px;grid-template-columns:1fr 1fr}.stage{min-height:540px}.phone{inset-inline-end:0;width:230px}.win-side{display:none}.win{height:340px}.float{font-size:11px;padding:8px}.float.fl-3{inset-inline-start:-20px!important}.hero-copy{padding-bottom:40px}.h-xl{font-size:58px}.lead{font-size:17px}.hive-wrap{gap:24px}.plats{grid-template-columns:repeat(3,minmax(0,1fr))}.plat{padding:20px}.plat .bb-btn{font-size:14px;padding-inline:10px}}@media (max-width:759px){.wrap{padding-inline:16px}.hero{grid-template-columns:1fr;gap:18px}.hero-copy{gap:20px}.h-xl{font-size:clamp(43px,10vw,66px)}.eyebrow{font-size:11px;gap:6px;padding-inline:10px}.stage{min-height:440px}.phone{width:240px;inset-inline-start:50%;inset-inline-end:auto;transform:translate(50%) rotate(-3deg)}.float.fl-1{inset-inline-end:0!important;top:35px!important}.float.fl-3{inset-inline-start:0!important;bottom:85px!important;font-size:11px}.meta{font-size:12px;gap:12px}.nav{gap:12px;padding-block:18px}.nav svg{max-width:136px;height:auto}.nav>.bb-btn{font-size:12px;padding-inline:12px;min-height:44px}.hive{--c:clamp(80px,26vw,130px)}.hrow{gap:6px}.hrow+.hrow{margin-top:calc(var(--c)*-.2887 + 6px)}.cell{font-size:12px;gap:6px;padding:0 4px}.cell .ic{width:32px;height:36px}.hive-wrap{gap:28px}.detail{min-height:570px;padding:22px 18px}.detail .sub{font-size:16px}.detail .pts li{font-size:14px;line-height:1.8}.mock{padding:12px}.pen-list .mrow{font-size:11px;padding:8px 6px}.reader-mock{gap:8px}.reader-mock>.pg{width:43%}.sec-h{margin-bottom:32px}.sub{font-size:16px}.plats,.priv,.journey{grid-template-columns:1fr}.install-guide{padding:20px}.bb-tabs{max-width:100%}.howto{grid-template-columns:1fr}.final{gap:24px;margin-top:80px}.final .h-lg{font-size:36px}.foot{margin-top:40px}.detail .schedule-mock{font-size:9px;grid-template-columns:63px repeat(3,minmax(0,1fr))}.guide-heading .h-md{font-size:28px}.guide-panel{min-width:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.h-xl .w,.hw-in,.rv,.cell,.float,.win,.phone{opacity:1!important}.hx-line,.ink .draw{stroke-dashoffset:0!important}.step .num{transform:none!important}.bits{display:none!important}}.lp-page .row{display:flex;align-items:center}.lp-page .col{display:flex;flex-direction:column}.lp-page .grow{flex:1;min-width:0}.lp-page .hex{display:inline-flex;align-items:center;justify-content:center;clip-path:var(--hex-clip);flex-shrink:0}.lp-page .hexdot{display:inline-block;flex-shrink:0;width:8px;height:9px;clip-path:var(--hex-clip);background:var(--primary)}.lp-page .hexbar{clip-path:var(--hexbar-clip)}.lp-page .hex-ok{background:var(--success-soft);color:var(--success)}.lp-page .hex-soft{background:var(--primary-soft);color:var(--primary-ink)}.lp-page .hex-practical{background:var(--practical-soft);color:var(--practical-ink)}.lp-page .hex-muted{background:var(--surface-sunken);color:var(--ink-muted)}.lp-page .hex-40{width:40px;height:44px}.lp-page .chip{padding:6px 10px;border-radius:99px;background:var(--surface-card);border:1px solid var(--border);font-size:13px}.lp-page .live-dot{display:inline-block;width:8px;height:9px;clip-path:var(--hex-clip);background:var(--live);flex-shrink:0}.lp-page .pcard .hex{width:48px;height:53px}.lp-page .hero,.lp-page .final{background:linear-gradient(195deg,var(--brand-indigo),color-mix(in srgb,var(--brand-blue),#000 8%))}.lp-page .lead,.lp-page .meta{color:#fff}.lp-page .foot .row{gap:12px}.lp-page .foot nav{gap:20px}.lp-page .step .num{font-variant-numeric:tabular-nums}.lp-page .hstep .col{gap:6px}.lp-page .plat .platform-icon{align-self:flex-start}.lp-page .cell .ic svg{flex-shrink:0}