.bc-product-learning-views{scroll-margin-top:7rem}.bc-product-learning-views .bc-learning-section__head h2{color:#fff}.bc-product-learning-views .bc-learning-section__head p{color:#a8a8a8}.bc-product-learning-views .bc-learning-view-shell{background:radial-gradient(circle at 88% 4%,rgb(230 46 45 / .14),transparent 28%),linear-gradient(145deg,#090909 0%,#111111 100%);border:1px solid rgb(255 255 255 / .08);border-radius:24px;box-shadow:0 24px 70px rgb(0 0 0 / .26);margin-top:1.8rem;overflow:hidden;padding:clamp(1rem, 2.5vw, 1.65rem)}.bc-product-learning-views .bc-learning-view-tabs{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.bc-product-learning-views .bc-learning-view-tab{align-items:flex-start;appearance:none;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .09);border-radius:16px;color:#b7b7b7;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:.25rem;justify-content:center;min-height:76px;padding:.9rem 1rem;text-align:left;transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,color 180ms ease,transform 180ms ease}.bc-product-learning-views .bc-learning-view-tab span{color:inherit;font-family:"Outfit","Inter",system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bc-product-learning-views .bc-learning-view-tab strong{color:#fff;font-family:var(--theme-font-family,"Inter"),"Inter",system-ui,sans-serif;font-size:1rem;line-height:1.15}.bc-product-learning-views .bc-learning-view-tab:hover{background:rgb(255 255 255 / .07);border-color:rgb(255 255 255 / .16);transform:translateY(-1px)}.bc-product-learning-views .bc-learning-view-tab[aria-selected="true"]{background:#fff;border-color:#fff;box-shadow:0 14px 30px rgb(0 0 0 / .25);color:#e62e2d}.bc-product-learning-views .bc-learning-view-tab[aria-selected="true"] strong{color:#111}.bc-product-learning-views .bc-learning-view-tab:focus-visible{outline:3px solid #ff5959;outline-offset:3px}.bc-product-learning-views .bc-learning-view-panel{margin-top:1rem}.bc-product-learning-views .bc-learning-view-panel:focus{outline:none}.bc-product-learning-views .bc-learning-view-panel:focus-visible{border-radius:20px;outline:3px solid rgb(255 89 89 / .9);outline-offset:3px}.bc-product-learning-views .bc-learning-view-panel[hidden]{display:none}.bc-product-learning-views .bc-learning-view-caption{color:#a8a8a8;font-size:.92rem;line-height:1.65;margin:.9rem 0 0}.bc-product-learning-views .bc-learning-notebook{background:linear-gradient(90deg,transparent 0 3.4rem,rgb(230 46 45 / .38) 3.4rem 3.5rem,transparent 3.5rem),repeating-linear-gradient(180deg,#fffef8 0 2.25rem,#d8e3ec 2.25rem 2.32rem);border-radius:18px;color:#222;min-height:460px;overflow:hidden;padding:clamp(1.4rem, 3vw, 2.5rem) clamp(1.1rem, 4vw, 3.5rem) clamp(1.6rem, 4vw, 3rem) clamp(4.25rem, 7vw, 5.8rem);position:relative}.bc-product-learning-views .bc-learning-notebook::before{background:repeating-linear-gradient(180deg,#303030 0 .35rem,transparent .35rem 1.75rem);content:"";height:calc(100% - 2rem);left:1.15rem;opacity:.48;position:absolute;top:1rem;width:.48rem}.bc-product-learning-views .bc-learning-notebook__heading{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.bc-product-learning-views .bc-learning-notebook__heading span{color:#b31f1f;font-family:"Outfit","Inter",system-ui,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.bc-product-learning-views .bc-learning-notebook__heading small{color:#626262;font-family:"Outfit","Inter",system-ui,sans-serif;font-size:.78rem;font-weight:700}.bc-product-learning-views .bc-learning-notebook h3{color:#151515;font-family:"Comic Sans MS","Bradley Hand","Segoe Print",cursive;font-size:clamp(1.65rem, 4vw, 2.45rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:1.35rem 0 .8rem;transform:rotate(-0.5deg)}.bc-product-learning-views .bc-learning-notebook__grid{display:grid;gap:clamp(1rem, 3vw, 2rem);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.2rem}.bc-product-learning-views .bc-learning-notebook__note{font-family:"Comic Sans MS","Bradley Hand","Segoe Print",cursive;font-size:1rem;line-height:1.72}.bc-product-learning-views .bc-learning-notebook__note strong{color:#b31f1f;display:block;font-family:"Outfit","Inter",system-ui,sans-serif;font-size:.75rem;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.bc-product-learning-views .bc-learning-notebook__note p{color:#292929;margin:0}.bc-product-learning-views .bc-learning-notebook__underline{background:linear-gradient(transparent 68%,rgb(255 213 79 / .72) 68%);font-weight:700}.bc-product-learning-views .bc-learning-notebook__margin-note{color:#b31f1f;font-family:"Comic Sans MS","Bradley Hand","Segoe Print",cursive;font-size:.92rem;font-weight:700;margin:1.2rem 0 0;transform:rotate(-1deg)}.bc-product-learning-views .bc-learning-sticky-board{background:linear-gradient(rgb(255 255 255 / .025) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .025) 1px,transparent 1px),#171717;background-size:24px 24px;border:1px solid rgb(255 255 255 / .08);border-radius:18px;display:grid;gap:clamp(0.85rem, 2vw, 1.25rem);grid-template-columns:repeat(3,minmax(0,1fr));padding:clamp(1rem, 3vw, 2rem)}.bc-product-learning-views .bc-learning-sticky{background:#fff0a8;box-shadow:0 16px 28px rgb(0 0 0 / .26);color:#242018;display:flex;flex-direction:column;justify-content:space-between;min-height:205px;padding:1.25rem;position:relative;transform:rotate(-1deg)}.bc-product-learning-views .bc-learning-sticky:nth-child(2){background:#ffd0ca;transform:rotate(1.2deg)}.bc-product-learning-views .bc-learning-sticky:nth-child(3){background:#e8e8e8;transform:rotate(-0.4deg)}.bc-product-learning-views .bc-learning-sticky:nth-child(4){background:#ffd7a8;transform:rotate(0.8deg)}.bc-product-learning-views .bc-learning-sticky:nth-child(5){background:#f2c4c4;transform:rotate(-1.2deg)}.bc-product-learning-views .bc-learning-sticky:nth-child(6){background:#fff0a8;transform:rotate(0.5deg)}.bc-product-learning-views .bc-learning-sticky::before{background:rgb(255 255 255 / .58);box-shadow:0 2px 4px rgb(0 0 0 / .1);content:"";height:1rem;left:50%;position:absolute;top:-.4rem;transform:translateX(-50%) rotate(-1deg);width:3.4rem}.bc-product-learning-views .bc-learning-sticky span{color:#9c1f1f;font-family:"Outfit","Inter",system-ui,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bc-product-learning-views .bc-learning-sticky h3{color:#171717;font-family:"Comic Sans MS","Bradley Hand","Segoe Print",cursive;font-size:1.25rem;line-height:1.2;margin:.7rem 0}.bc-product-learning-views .bc-learning-sticky p{color:#332f27;font-size:.9rem;line-height:1.55;margin:0}.bc-product-learning-views .bc-learning-system-map{background:radial-gradient(circle at 50% 0%,rgb(230 46 45 / .2),transparent 30%),#0b0b0b;border:1px solid rgb(255 255 255 / .08);border-radius:18px;overflow:hidden;padding:clamp(1rem, 3vw, 2rem)}.bc-product-learning-views .bc-learning-system-map__head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.bc-product-learning-views .bc-learning-system-map__head h3{color:#fff;font-size:clamp(1.4rem, 3vw, 2rem);margin:0}.bc-product-learning-views .bc-learning-system-map__head p{color:#a8a8a8;line-height:1.6;margin:.35rem 0 0;max-width:640px}.bc-product-learning-views .bc-learning-system-map__legend{align-items:center;color:#d0d0d0;display:inline-flex;font-family:"Outfit","Inter",system-ui,sans-serif;font-size:.75rem;font-weight:700;gap:.45rem;letter-spacing:.05em;text-transform:uppercase}.bc-product-learning-views .bc-learning-system-map__legend::before{background:#e62e2d;border-radius:999px;box-shadow:0 0 0 5px rgb(230 46 45 / .15);content:"";height:.55rem;width:.55rem}.bc-product-learning-views .bc-learning-system-flow{display:grid;gap:.85rem;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:0;padding:0}.bc-product-learning-views .bc-learning-system-flow li{background:linear-gradient(180deg,#1d1d1d,#151515);border:1px solid rgb(255 255 255 / .1);border-radius:16px;min-height:155px;padding:1rem;position:relative}.bc-product-learning-views .bc-learning-system-flow li:not(:last-child)::after{color:#e62e2d;content:"→";font-size:1.25rem;font-weight:800;position:absolute;right:-.72rem;top:50%;transform:translateY(-50%);z-index:2}.bc-product-learning-views .bc-learning-system-flow span{color:#e62e2d;font-family:"Outfit","Inter",system-ui,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bc-product-learning-views .bc-learning-system-flow strong{color:#fff;display:block;font-family:var(--theme-font-family,"Inter"),"Inter",system-ui,sans-serif;font-size:1rem;line-height:1.2;margin-top:.65rem}.bc-product-learning-views .bc-learning-system-flow small{color:#a8a8a8;display:block;font-size:.78rem;line-height:1.5;margin-top:.55rem}.bc-product-learning-views .bc-learning-system-controls{border-top:1px solid rgb(255 255 255 / .1);display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.35rem;padding-top:1.35rem}.bc-product-learning-views .bc-learning-system-control{align-items:flex-start;display:flex;gap:.7rem}.bc-product-learning-views .bc-learning-system-control::before{background:#e62e2d;border-radius:50%;content:"";flex:0 0 auto;height:.55rem;margin-top:.42rem;width:.55rem}.bc-product-learning-views .bc-learning-system-control strong{color:#fff;display:block;font-size:.9rem}.bc-product-learning-views .bc-learning-system-control span{color:#a8a8a8;display:block;font-size:.8rem;line-height:1.5;margin-top:.15rem}@media (max-width:999px){.bc-product-learning-views .bc-learning-sticky-board{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-product-learning-views .bc-learning-system-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.bc-product-learning-views .bc-learning-system-flow li:nth-child(3)::after{display:none}}@media (max-width:700px){.bc-product-learning-views{scroll-margin-top:13rem}.bc-product-learning-views .bc-learning-view-tabs{-ms-overflow-style:none;display:flex;overflow-x:auto;padding:0 .15rem .45rem;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bc-product-learning-views .bc-learning-view-tabs::-webkit-scrollbar{display:none}.bc-product-learning-views .bc-learning-view-tab{flex:0 0 min(78vw, 260px);scroll-snap-align:start}.bc-product-learning-views .bc-learning-notebook{background:linear-gradient(90deg,transparent 0 2.35rem,rgb(230 46 45 / .38) 2.35rem 2.45rem,transparent 2.45rem),repeating-linear-gradient(180deg,#fffef8 0 2.25rem,#d8e3ec 2.25rem 2.32rem);padding-left:3.2rem}.bc-product-learning-views .bc-learning-notebook::before{left:.75rem}.bc-product-learning-views .bc-learning-notebook__grid,.bc-product-learning-views .bc-learning-sticky-board,.bc-product-learning-views .bc-learning-system-flow,.bc-product-learning-views .bc-learning-system-controls{grid-template-columns:1fr}.bc-product-learning-views .bc-learning-sticky{min-height:180px;transform:none}.bc-product-learning-views .bc-learning-sticky:nth-child(n){transform:none}.bc-product-learning-views .bc-learning-system-flow li{min-height:0}.bc-product-learning-views .bc-learning-system-flow li:not(:last-child)::after{bottom:-1.08rem;display:block;left:50%;right:auto;top:auto;transform:translateX(-50%) rotate(90deg)}}@media (prefers-reduced-motion:reduce){.bc-product-learning-views .bc-learning-view-tab{scroll-behavior:auto;transition:none}}