/* iMiTech Builder v10 frontend renderer */
.b10-page{background:var(--b10-page-bg,transparent);min-height:50vh;overflow-x:clip;overflow-y:visible}.b10-section{position:relative;padding-top:var(--b10-sec-pt,72px);padding-bottom:var(--b10-sec-pb,72px);margin-top:var(--b10-sec-mt,0px);margin-bottom:var(--b10-sec-mb,0px);background:var(--b10-sec-bg,transparent);min-height:var(--b10-sec-min,0);display:flex;align-items:center}.b10-section-inner{width:min(var(--b10-sec-max,var(--b10-content,1240px)),calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--b10-sec-gap,28px);align-items:var(--b10-sec-align,center)}.b10-section.is-full .b10-section-inner{width:100%;max-width:none;padding-inline:20px}.b10-column{grid-column:span var(--b10-span,12);min-width:0;position:relative;display:flex;flex-direction:column;gap:var(--b10-col-gap,18px);align-items:var(--b10-col-align,stretch);justify-content:var(--b10-col-justify,start);background:var(--b10-col-bg,transparent);border-radius:var(--b10-col-radius,0);padding:var(--b10-col-pad,0)}
.b10-el{position:relative;width:var(--e-width,auto);max-width:min(var(--e-max-width,100%),100%);font-size:var(--e-fs,inherit);font-weight:var(--e-fw,inherit);line-height:var(--e-lh,inherit);color:var(--e-color,inherit);text-align:var(--e-align,inherit);background:var(--e-bg,transparent);border-radius:var(--e-radius,0);padding:var(--e-pt,0) var(--e-pr,0) var(--e-pb,0) var(--e-pl,0);margin-top:var(--e-mt,0);margin-bottom:var(--e-mb,0)}.b10-el.font-heading{font-family:var(--font-heading,var(--font-display))}.b10-el.font-body{font-family:var(--font-body)}.b10-el.font-menu{font-family:var(--font-menu,var(--font-body))}.b10-el.font-button{font-family:var(--font-button,var(--font-body))}.b10-el.font-meta{font-family:var(--font-meta,var(--font-body))}
.b10-heading{font-family:var(--font-heading,var(--font-display));font-size:var(--e-fs,clamp(42px,5.8vw,72px));font-weight:var(--e-fw,400);line-height:var(--e-lh,1.18);margin:0;letter-spacing:0}.b10-text{font-size:var(--e-fs,17px);line-height:var(--e-lh,1.95);margin:0;color:var(--e-color,var(--muted))}.b10-badge{display:inline-flex;width:max-content;padding:8px 12px;border:1px solid color-mix(in srgb,var(--brand-primary) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand-primary) 8%,var(--surface));font-size:12px;font-weight:700;color:var(--brand-primary)}
.b10-button,.b10-buttonGroup a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;text-decoration:none;font-family:var(--font-button,var(--font-body));font-weight:700;border:1px solid var(--line);transition:.22s transform,.22s box-shadow,.22s background}.b10-button[data-variant="primary"],.b10-buttonGroup a[data-variant="primary"]{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border-color:transparent;box-shadow:0 14px 34px color-mix(in srgb,var(--brand-primary) 23%,transparent)}.b10-button[data-variant="secondary"],.b10-buttonGroup a[data-variant="secondary"]{background:var(--surface);color:var(--ink)}.b10-button:hover,.b10-buttonGroup a:hover{transform:translateY(-2px)}.b10-buttonGroup{display:flex;gap:10px;flex-wrap:wrap}
.b10-divider{height:1px;background:var(--line);width:100%}.b10-image{margin:0}.b10-image img,.b10-founderImage img{display:block;max-width:100%;width:100%;height:auto;border-radius:inherit}.b10-founderImage{margin:0;overflow:hidden;border-radius:30px;background:var(--surface-2);box-shadow:0 28px 80px rgba(32,32,70,.14)}.b10-founderImage img{aspect-ratio:1/1;object-fit:cover}.b10-image-placeholder{min-height:260px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:20px;color:var(--muted);background:var(--surface-2)}
.b10-sectionTitle{max-width:840px}.b10-sectionTitle .b10-kicker{display:inline-flex;font-size:12px;font-weight:700;color:var(--brand-primary);margin-bottom:12px}.b10-sectionTitle h2{font-family:var(--font-heading,var(--font-display));font-weight:400;font-size:clamp(38px,4vw,60px);line-height:1.25;margin:0 0 12px}.b10-sectionTitle p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}
.b10-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.b10-stats>div{padding:20px 18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);display:flex;flex-direction:column;gap:6px}.b10-stats b{font-size:24px}.b10-stats span{font-size:12px;color:var(--muted)}
.b10-appMosaic{position:relative;min-height:460px;border-radius:36px;border:1px solid var(--line);background:radial-gradient(circle at 65% 25%,color-mix(in srgb,var(--brand-primary) 25%,transparent),transparent 38%),linear-gradient(160deg,var(--surface),var(--surface-2));overflow:hidden;display:grid;place-items:center}.b10-appMosaic a{position:absolute;display:block;text-decoration:none;color:var(--ink);transition:.28s transform}.b10-appMosaic a:nth-child(1){width:42%;left:29%;top:8%;z-index:3}.b10-appMosaic a:nth-child(2){width:31%;left:7%;top:20%;transform:rotate(-8deg)}.b10-appMosaic a:nth-child(3){width:31%;right:6%;top:27%;transform:rotate(9deg)}.b10-appMosaic img{width:100%;aspect-ratio:9/18;object-fit:cover;border-radius:26px;box-shadow:0 24px 70px #0004}.b10-appMosaic span{display:none}.b10-appMosaic a:hover{z-index:5;transform:translateY(-8px) rotate(0)}
.b10-featuredProducts,.b10-productsCatalog{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.b10-product-card{grid-column:span 6;border:1px solid var(--line);border-radius:28px;background:var(--surface);overflow:hidden;min-width:0;box-shadow:0 18px 55px rgba(40,35,88,.06)}.b10-featuredProducts .b10-product-card:nth-child(1){grid-column:span 7}.b10-featuredProducts .b10-product-card:nth-child(2){grid-column:span 5}.b10-product-media{display:block;background:var(--surface-2);min-height:340px;overflow:hidden}.b10-product-media img{width:100%;height:100%;max-height:520px;object-fit:contain;display:block;padding:22px}.b10-product-copy{padding:20px}.b10-product-head{display:flex;gap:12px;align-items:center}.b10-product-head>img{width:54px;height:54px;border-radius:15px}.b10-product-head h3{margin:0;font-size:18px}.b10-product-head span{font-size:11px;color:var(--muted)}.b10-product-copy p{color:var(--muted);line-height:1.8;font-size:13px}.b10-product-actions{display:flex;gap:8px;flex-wrap:wrap}.b10-product-actions a{padding:8px 11px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;text-decoration:none;color:var(--ink)}
.b10-aiServices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.b10-aiServices article{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.b10-aiServices article>span{font-size:11px;color:var(--brand-primary)}.b10-aiServices h3{margin:14px 0 0;font-size:18px}
.b10-workshopsWidget,.b10-workshopsCatalog{display:grid;gap:16px}.b10-workshopsCatalog{grid-template-columns:repeat(2,minmax(0,1fr))}.b10-workshop-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.b10-workshop-card img{width:160px;height:100%;min-height:150px;object-fit:cover;border-radius:16px}.b10-workshop-card h3{margin:7px 0 9px}.b10-workshop-card p{font-size:13px;color:var(--muted);line-height:1.8}.b10-workshop-card span{font-size:11px;color:var(--brand-primary)}.b10-workshop-card a{font-size:12px;font-weight:700;color:var(--brand-primary)}
.b10-articleWidget,.b10-articlesCatalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.b10-article-card{border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden}.b10-article-card img{width:100%;height:190px;object-fit:cover;display:block}.b10-article-card>div{padding:18px}.b10-article-card span{font-size:11px;color:var(--brand-primary)}.b10-article-card h3{font-size:18px;margin:8px 0}.b10-article-card h3 a{text-decoration:none;color:var(--ink)}.b10-article-card p{font-size:13px;line-height:1.8;color:var(--muted)}
.b10-socialLinks{display:flex;gap:9px;flex-wrap:wrap}.b10-socialLinks a{padding:9px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-size:12px}.b10-aboutProfile{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:34px;align-items:center}.b10-aboutProfile>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:32px}.b10-aboutProfile h2{font-family:var(--font-heading,var(--font-display));font-size:50px;font-weight:400;margin:10px 0}.b10-aboutProfile p{color:var(--muted);line-height:2}.b10-kicker{font-size:12px;color:var(--brand-primary);font-weight:700}
.b10-contactForm{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.b10-contact-form{padding:26px;border:1px solid var(--line);border-radius:26px;background:var(--surface);display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.b10-contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.b10-contact-form label:nth-of-type(4){grid-column:1/-1}.b10-contact-form input,.b10-contact-form textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:12px;padding:12px;font:inherit}.b10-contact-form textarea{min-height:130px;resize:vertical}.b10-contact-form button,.b10-contact-form .form-msg{grid-column:1/-1}.b10-contact-links{display:grid;gap:12px}.b10-contact-links a{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none;color:var(--ink)}.b10-pageAccent{min-height:230px;display:grid;place-items:center;text-align:center;border-radius:30px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--brand-primary) 25%,transparent),transparent 52%),var(--surface-2);border:1px solid var(--line)}.b10-pageAccent span{font-family:var(--font-heading,var(--font-display));font-size:54px}.b10-pageAccent b{font-size:12px;color:var(--muted)}.b10-empty{padding:28px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
.b10-anim{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--e-delay,0ms),transform .6s ease var(--e-delay,0ms),filter .6s ease var(--e-delay,0ms)}.b10-anim.is-visible{opacity:1;transform:none;filter:none}.anim-fade{transform:none}.anim-slide-left{transform:translateX(28px)}.anim-slide-right{transform:translateX(-28px)}.anim-zoom{transform:scale(.96)}.anim-blur{transform:none;filter:blur(10px)}
/* Templates */
.b10-page[data-b10-template="editorial"] .b10-section{border-bottom:1px solid var(--line)}.b10-page[data-b10-template="editorial"] .b10-heading,.b10-page[data-b10-template="editorial"] .b10-sectionTitle h2{font-size:clamp(54px,7vw,92px);line-height:1.04}.b10-page[data-b10-template="editorial"] .b10-product-card{border-radius:0;box-shadow:none;border-width:1px 0}.b10-page[data-b10-template="glass"] .b10-column{backdrop-filter:blur(20px)}.b10-page[data-b10-template="cinematic"],.b10-page[data-b10-template="neon"]{--surface:#101521;--surface-2:#141C2B;--ink:#F8F7FF;--muted:#A8A9BA;--line:#252E40;color:var(--ink)}.b10-page[data-b10-template="cinematic"] .b10-heading{text-align:center}.b10-page[data-b10-template="neon"] .b10-product-card,.b10-page[data-b10-template="neon"] .b10-aiServices article{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-primary) 16%,transparent),0 25px 80px #0005}
/* Page transitions */
body{--page-transition-ms:320ms}.page-ready main,.page-ready .b10-page{animation-duration:var(--page-transition-ms);animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.8,.2,1)}body[data-page-transition="fade"].page-ready main{animation-name:b10PageFade}body[data-page-transition="rise"].page-ready main{animation-name:b10PageRise}body[data-page-transition="slide"].page-ready main{animation-name:b10PageSlide}body[data-page-transition="scale"].page-ready main{animation-name:b10PageScale}body[data-page-transition="blur"].page-ready main{animation-name:b10PageBlur}body.page-leaving main{opacity:0;transform:translateY(10px);filter:blur(4px);transition:all var(--page-transition-ms) ease}.page-ready[data-page-transition="none"] main{animation:none}@keyframes b10PageFade{from{opacity:0}to{opacity:1}}@keyframes b10PageRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes b10PageSlide{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}@keyframes b10PageScale{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes b10PageBlur{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:none}}
@media(max-width:980px){.b10-column{grid-column:span var(--b10-span-t,12)}.b10-featuredProducts,.b10-productsCatalog{grid-template-columns:repeat(2,1fr)}.b10-product-card,.b10-featuredProducts .b10-product-card:nth-child(n){grid-column:auto}.b10-articleWidget,.b10-articlesCatalog{grid-template-columns:repeat(2,1fr)}.b10-workshopsCatalog{grid-template-columns:1fr}.b10-aboutProfile,.b10-contactForm{grid-template-columns:1fr}.b10-appMosaic{min-height:400px}.b10-el{font-size:var(--e-fs-t,var(--e-fs,inherit));text-align:var(--e-align-t,var(--e-align,inherit))}}
@media(max-width:680px){.b10-section-inner{width:min(var(--b10-sec-max,var(--b10-content,1240px)),calc(100% - 28px));gap:18px}.b10-column{grid-column:span var(--b10-span-m,12);padding:calc(var(--b10-col-pad,0) * .7)}.b10-stats{grid-template-columns:repeat(2,1fr)}.b10-featuredProducts,.b10-productsCatalog,.b10-articleWidget,.b10-articlesCatalog{grid-template-columns:1fr}.b10-appMosaic{min-height:340px;border-radius:26px}.b10-workshop-card{grid-template-columns:1fr}.b10-workshop-card img{width:100%;height:200px}.b10-contact-form{grid-template-columns:1fr}.b10-contact-form label:nth-of-type(4){grid-column:auto}.b10-el{font-size:var(--e-fs-m,var(--e-fs-t,var(--e-fs,inherit)));text-align:var(--e-align-m,var(--e-align-t,var(--e-align,inherit)))}.hide-mobile{display:none!important}}
@media(min-width:681px) and (max-width:980px){.hide-tablet{display:none!important}}@media(min-width:981px){.hide-desktop{display:none!important}}
@media(prefers-reduced-motion:reduce){.b10-anim,.page-ready main,.page-ready .b10-page,body.page-leaving main{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}
/* Legacy compatibility layer: element-level controls used by Studio Builder v11 */
.b10-el{letter-spacing:var(--e-ls,normal);opacity:var(--e-opacity,1);border:var(--e-border-width,0) solid var(--e-border-color,transparent);box-shadow:var(--e-shadow,none)}
.b10-el.custom-font{font-family:var(--e-ff)!important}.b10-image img{object-fit:var(--image-fit,cover)}
/* Hard containment for product galleries: changing a screenshot must never shift the page canvas. */
.b10-productsCatalog,.product-stack,.product-showcase,.product-showcase>*,.carousel,.carousel-stage,.carousel-thumbs{min-width:0;max-width:100%}
.product-showcase{width:100%;contain:layout paint}.carousel{width:100%;contain:layout paint;overscroll-behavior:contain}.carousel-stage{contain:layout paint;touch-action:pan-y}.carousel-thumbs{contain:layout paint;overscroll-behavior-inline:contain;touch-action:pan-x;scroll-snap-type:x proximity}.carousel-thumb{scroll-snap-align:center}
/* Compatibility layer: page transitions used by Studio Builder v11 */
body[data-page-transition="wipe"].page-ready main{animation-name:b10PageWipe}body[data-page-transition="depth"].page-ready main{animation-name:b10PageDepth}
body[data-page-transition="wipe"].page-leaving main{clip-path:inset(0 0 0 100%);opacity:.2;transform:none;filter:none}
body[data-page-transition="depth"].page-leaving main{opacity:0;transform:perspective(900px) translateY(-10px) scale(1.025);filter:blur(5px)}
@keyframes b10PageWipe{from{opacity:.4;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes b10PageDepth{from{opacity:.1;transform:perspective(900px) translateY(18px) scale(.965);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}

/* Compatibility layer: resilient media fallback used by Studio Builder v11 */
.b10-appMosaic img.is-fallback,.b10-product-media img.is-fallback{object-fit:contain!important;background:linear-gradient(160deg,var(--surface),var(--surface-2));padding:14%!important}
.b10-button[data-variant="ghost"],.b10-buttonGroup a[data-variant="ghost"]{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 20%,var(--line));box-shadow:none}

/* v12 TEST balanced media/card geometry: templates stay orderly when content changes. */
.b10-image{align-self:auto;overflow:hidden;border-radius:var(--e-radius,0)}.b10-image img{width:100%;height:auto;display:block}.b10-el[style*="--e-width"]{width:var(--e-width,auto)}
.b10-featuredProducts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.b10-featuredProducts .b10-product-card,.b10-featuredProducts .b10-product-card:nth-child(n){grid-column:auto!important;display:flex;flex-direction:column;height:100%}.b10-featuredProducts .b10-product-media{min-height:0!important;aspect-ratio:16/11;display:grid;place-items:center}.b10-featuredProducts .b10-product-media img{width:100%;height:100%;max-height:none!important;object-fit:contain;padding:20px}.b10-featuredProducts .b10-product-copy{flex:1;display:flex;flex-direction:column}.b10-featuredProducts .b10-product-actions{margin-top:auto}
.b10-page[data-b10-template="bento"] .b10-featuredProducts,.b10-page[data-b10-template="editorial"] .b10-featuredProducts,.b10-page[data-b10-template="glass"] .b10-featuredProducts,.b10-page[data-b10-template="cinematic"] .b10-featuredProducts,.b10-page[data-b10-template="neon"] .b10-featuredProducts,.b10-page[data-b10-template="pro-v9"] .b10-featuredProducts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.b10-page[data-b10-template="pro-v9"] .b10-section{scroll-margin-top:110px}.b10-page[data-b10-template="pro-v9"] .b10-appMosaic{min-height:410px}.b10-page[data-b10-template="pro-v9"] .b10-stats>div{min-height:102px}.b10-page[data-b10-template="pro-v9"] .b10-column{min-height:0}
@media(max-width:680px){.b10-featuredProducts{grid-template-columns:1fr!important}.b10-featuredProducts .b10-product-media{aspect-ratio:4/3}}

/* v14 FINAL: direct positioning, predictable image boxes, flexible button rows */
.b10-el{translate:var(--e-x,0px) var(--e-y,0px)}
.b10-buttonGroup{display:flex;flex-direction:var(--btn-dir,row);justify-content:var(--btn-justify,flex-start);gap:var(--btn-gap,10px);flex-wrap:var(--btn-wrap,wrap);align-items:center}
.b10-buttonGroup[data-justify="center"]{justify-content:center}.b10-buttonGroup[data-justify="end"]{justify-content:flex-end}
.b10-image{height:auto!important;min-height:0!important;line-height:0;align-self:auto;isolation:isolate}
.b10-image>a{display:block;width:100%;height:auto;line-height:0}
.b10-image img{width:100%;height:auto!important;min-height:0!important;max-height:none;display:block;object-fit:var(--image-fit,cover);object-position:var(--image-position,center)}
.b10-image.has-ratio{aspect-ratio:var(--image-ratio);overflow:hidden}
.b10-image.has-ratio>a{height:100%}.b10-image.has-ratio img{height:100%!important;object-fit:var(--image-fit,cover);object-position:var(--image-position,center)}
.b10-aboutProfile>img{background:#090b18}
@media(max-width:680px){.b10-buttonGroup{gap:min(var(--btn-gap,10px),14px)}.b10-buttonGroup[data-mobile-stack="1"]{flex-direction:column;align-items:stretch}.b10-buttonGroup[data-mobile-stack="1"] .b10-button{width:100%}}

/* v14 FINAL: professional reusable elements */
.b10-video{width:100%;overflow:hidden;border-radius:var(--e-radius,22px);background:#05070c;line-height:0}.b10-video video,.b10-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#05070c}
.b10-gallery{display:grid;grid-template-columns:repeat(var(--gallery-cols,3),minmax(0,1fr));gap:var(--gallery-gap,12px)}.b10-gallery a,.b10-gallery figure{margin:0;overflow:hidden;border-radius:18px;background:var(--surface-2)}.b10-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}.b10-gallery a:hover img{transform:scale(1.025)}
.b10-slider{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--surface);min-height:260px}.b10-slider-track{display:flex;width:100%;transition:transform var(--slider-ms,420ms) cubic-bezier(.22,.7,.2,1);direction:ltr}.b10-slide{flex:0 0 100%;min-width:0;direction:rtl;display:grid;align-items:center}html[dir="ltr"] .b10-slide{direction:ltr}.b10-slider-text .b10-slide{padding:42px 54px;min-height:300px}.b10-slider-text .b10-slide-inner{max-width:820px;margin:auto;text-align:center}.b10-slide h3{font-family:var(--font-heading,var(--font-display));font-size:clamp(30px,4vw,56px);margin:0 0 14px}.b10-slide p{color:var(--muted);line-height:1.9;margin:0 0 20px}.b10-slider-image .b10-slide{min-height:360px}.b10-slider-image img{width:100%;height:100%;min-height:360px;max-height:620px;object-fit:cover;display:block}.b10-slider-mixed .b10-slide{grid-template-columns:1fr 1fr;min-height:380px}.b10-slide-copy{padding:42px}.b10-slide-media{height:100%;min-height:380px;background:var(--surface-2)}.b10-slide-media img{display:block;width:100%;height:100%;object-fit:cover}.b10-slider-nav{position:absolute;inset:50% 14px auto;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.b10-slider-nav button{pointer-events:auto;width:42px;height:42px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 16%,var(--line));background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(12px);color:var(--ink);cursor:pointer}.b10-slider-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px;z-index:3}.b10-slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 25%,transparent);cursor:pointer}.b10-slider-dots button.active{width:24px;background:var(--brand-primary)}
.b10-accordion{display:grid;gap:10px}.b10-accordion details{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.b10-accordion summary{cursor:pointer;padding:16px 18px;font-weight:800;list-style:none}.b10-accordion details div{padding:0 18px 18px;color:var(--muted);line-height:1.9}
.b10-tabsWidget{border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}.b10-tabs-head{display:flex;gap:6px;padding:8px;background:var(--surface-2);overflow:auto}.b10-tabs-head button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:11px;white-space:nowrap;cursor:pointer;font:inherit}.b10-tabs-head button.active{background:var(--surface);color:var(--ink);box-shadow:0 8px 25px #0001}.b10-tabs-panel{padding:22px;line-height:1.9;color:var(--muted)}
.b10-testimonial{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface);display:grid;gap:14px}.b10-testimonial blockquote{font-size:18px;line-height:2;margin:0}.b10-testimonial cite{font-style:normal;color:var(--muted);font-size:12px}.b10-counter{display:flex;align-items:baseline;gap:8px;padding:18px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.b10-counter strong{font-size:42px;font-family:var(--font-heading,var(--font-display));color:var(--brand-primary)}.b10-counter span{color:var(--muted)}.b10-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--brand-primary) 14%,var(--surface));font-size:30px}.b10-appCard{border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;align-items:stretch}.b10-appCard-media{background:var(--surface-2);display:grid;place-items:center;padding:18px}.b10-appCard-media img{display:block;width:100%;max-height:340px;object-fit:contain;border-radius:18px}.b10-appCard-copy{padding:26px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.b10-appCard-copy h3{margin:0 0 8px;font-size:26px}.b10-appCard-copy p{color:var(--muted);line-height:1.9}.b10-appCard-copy a{margin-top:8px}
.admin-quick-link{position:fixed;left:18px;bottom:18px;z-index:9998;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#7b39ed,#24a7f2);box-shadow:0 15px 45px #0005;font:700 12px var(--font-button,var(--font-body));border:1px solid #ffffff30}.admin-quick-link:hover{transform:translateY(-2px)}
@media(max-width:780px){.b10-gallery{grid-template-columns:repeat(min(var(--gallery-cols,2),2),minmax(0,1fr))}.b10-slider-mixed .b10-slide{grid-template-columns:1fr}.b10-slide-media{min-height:260px}.b10-slide-copy{padding:28px}.b10-slider-text .b10-slide{padding:32px 28px}.b10-appCard{grid-template-columns:1fr}.admin-quick-link{left:12px;bottom:12px;padding:9px 12px;font-size:11px}}

/* v14.1 button row polish */
.b10-buttonGroup{width:fit-content;max-width:100%}.b10-column>.b10-button{align-self:flex-start}.b10-column[style*="--b10-col-align:center"]>.b10-button{align-self:center}.b10-column[style*="--b10-col-align:end"]>.b10-button{align-self:flex-end}

/* v15 FINAL — v9 visual restoration + Studio engine */
.b10-productsCatalog{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
.b10-productsCatalog>.catalog-tools,.b10-productsCatalog>.product-stack{width:100%;max-width:100%}
.b10-page[data-b10-template="pro-v9"] .b10-section-inner{width:min(var(--b10-sec-max,var(--b10-content,1240px)),calc(100% - 40px))}
.b10-page[data-b10-template="pro-v9"] .b10-heading{font-size:var(--e-fs,clamp(42px,5.5vw,64px));line-height:1.22}
.b10-page[data-b10-template="pro-v9"] .b10-text{color:var(--muted);line-height:1.95}
.b10-page[data-b10-template="pro-v9"] .b10-image{width:100%;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}
.b10-page[data-b10-template="pro-v9"] .b10-image img{object-fit:var(--image-fit,contain)}
.b10-page[data-b10-template="pro-v9"] .b10-founderImage{width:100%;min-height:390px;padding:22px;border:1px solid var(--line);border-radius:calc(var(--ui-radius) + 7px);background:radial-gradient(circle at 15% 18%,color-mix(in srgb,var(--blue) 15%,transparent),transparent 34%),radial-gradient(circle at 85% 80%,color-mix(in srgb,var(--purple) 13%,transparent),transparent 40%),var(--surface);box-shadow:none;display:grid;place-items:center}
.b10-page[data-b10-template="pro-v9"] .b10-founderImage img{width:100%;height:100%;max-height:500px;aspect-ratio:auto;object-fit:contain;border-radius:24px}
.b10-appMosaic-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:18px}.b10-appMosaic-fallback img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover!important;border-radius:30px!important;box-shadow:none!important}
.b10-marketPanel{min-height:390px;padding:34px;border-radius:calc(var(--ui-radius) + 7px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#0E1426,#27164D);color:#fff;position:relative;overflow:hidden}.b10-marketPanel:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:var(--blue);filter:blur(100px);opacity:.18;left:-100px;bottom:-120px}.b10-marketPanel h2{font-size:clamp(38px,5vw,58px);margin:10px 0}.b10-marketPanel p{color:#C7C4D8;position:relative}.b10-marketPanel .market-points{display:flex;gap:8px;flex-wrap:wrap;position:relative}.b10-marketPanel .market-points span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.06);font-size:9px}
.b10-workflowPanel,.b10-workshopPromo{min-height:390px;padding:36px;border-radius:calc(var(--ui-radius) + 9px);background:linear-gradient(135deg,#10152A,#311650);color:#fff;position:relative;overflow:hidden}.b10-workflowPanel:before,.b10-workshopPromo:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:var(--blue);filter:blur(125px);opacity:.16;left:-180px;bottom:-180px}.b10-workflowPanel h2,.b10-workshopPromo h2{font-size:clamp(35px,5vw,57px);line-height:1.25;margin:13px 0}.b10-workflowPanel p,.b10-workshopPromo p{color:#CEC8DD;max-width:700px;position:relative}.b10-workflowPanel .ai-mini-grid{position:relative;margin-top:28px}
.b10-contactForm{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:stretch}.b10-contactForm .contact-card{height:100%}.b10-contactForm .contact-links{height:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.b10-contactForm .contact-link{min-height:150px;display:flex;flex-direction:column;justify-content:flex-start}
.b10-aboutProfile{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.b10-aboutProfile .about-copy h2{font-family:var(--font-heading,var(--font-display));font-size:clamp(35px,4.7vw,51px);font-weight:400;margin:11px 0}.b10-aboutProfile .about-copy p{color:var(--muted);line-height:2}.b10-aboutProfile .ai-services{align-self:stretch;align-content:center}
.b10-aboutProfile .ai-service{min-height:180px}
.admin-login-link{position:fixed;left:18px;bottom:18px;z-index:9997;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);box-shadow:0 12px 34px #0002;backdrop-filter:blur(14px);font:700 11px var(--font-button,var(--font-body));transition:.2s}.admin-login-link:hover{color:var(--ink);transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-primary) 45%,var(--line))}
@media(max-width:980px){.b10-aboutProfile,.b10-contactForm{grid-template-columns:1fr}.b10-contactForm .contact-links{grid-template-columns:repeat(2,minmax(0,1fr))}.b10-marketPanel,.b10-workflowPanel,.b10-workshopPromo{min-height:330px}}
@media(max-width:680px){.b10-productsCatalog{display:block!important}.b10-contactForm .contact-links{grid-template-columns:1fr}.b10-marketPanel,.b10-workflowPanel,.b10-workshopPromo{min-height:280px;padding:26px}.b10-aboutProfile{gap:28px}.admin-login-link{left:12px;bottom:12px;padding:8px 10px;font-size:10px}}

/* v16 motion + free placement */
.b10-el.is-free{position:absolute!important;left:var(--e-free-x,0px);top:var(--e-free-y,0px);z-index:var(--e-z,2);margin:0!important;translate:none!important}
.b10-anim{transition-duration:260ms!important;transition-timing-function:cubic-bezier(.2,0,0,1)!important}.anim-blur{filter:blur(4px)!important}.b10-anim.is-visible{filter:none!important}
body.page-leaving main{opacity:.965!important;transform:none!important;filter:none!important;transition:opacity 70ms linear!important}
.page-ready main,.page-ready .b10-page{animation-duration:min(var(--page-transition-ms),240ms)!important;animation-timing-function:cubic-bezier(.2,0,0,1)!important}
@view-transition{navigation:auto}::view-transition-old(root){animation:90ms cubic-bezier(.4,0,1,1) both v16Old}::view-transition-new(root){animation:180ms cubic-bezier(0,0,.2,1) both v16New}@keyframes v16Old{to{opacity:.94}}@keyframes v16New{from{opacity:.92;transform:translateY(3px)}to{opacity:1;transform:none}}
.b10-slider-track{transition-duration:min(var(--slider-ms,360ms),360ms)!important;transition-timing-function:cubic-bezier(.2,0,0,1)!important}


/* v18 FINAL — soft motion, explicit sizing, responsive-safe free layout */
.b10-el{height:var(--e-height,auto)}
.b10-image[style*="--e-height"]{overflow:hidden}.b10-image[style*="--e-height"]>img,.b10-image[style*="--e-height"]>a,.b10-image[style*="--e-height"]>a>img{height:100%;width:100%;object-fit:var(--image-fit,cover)}
.b10-slider[style*="--e-height"]{min-height:0!important}.b10-slider[style*="--e-height"] .b10-slide,.b10-slider[style*="--e-height"] .b10-slide-media,.b10-slider[style*="--e-height"] .b10-slider-image img{min-height:0!important;height:100%}
/* v17.1 — cinematic-soft page transition: blur-free, deliberately gentler. */
body{--page-transition-ms:460ms}
body.page-leaving main{opacity:.08!important;transform:translateY(-2px)!important;filter:none!important;transition:opacity 230ms cubic-bezier(.22,.61,.36,1),transform 230ms cubic-bezier(.22,.61,.36,1)!important}
.page-ready main,.page-ready .b10-page{animation-duration:var(--page-transition-ms)!important;animation-timing-function:cubic-bezier(.22,1,.36,1)!important}
@keyframes b10PageFade{from{opacity:0}to{opacity:1}}
@keyframes b10PageRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:220ms cubic-bezier(.22,.61,.36,1) both v171Old}
::view-transition-new(root){animation:480ms cubic-bezier(.22,1,.36,1) both v171New}
@keyframes v171Old{from{opacity:1}to{opacity:.08}}
@keyframes v171New{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}


/* v18 FINAL — responsive-safe sizing and positioning */
.b10-el{margin-top:var(--e-mt,0);margin-right:var(--e-mr,0);margin-bottom:var(--e-mb,0);margin-left:var(--e-ml,0);width:var(--e-width,auto);height:var(--e-height,auto);translate:var(--e-x,0px) var(--e-y,0px)}
/* Desktop free placement only when explicitly enabled for desktop. */
@media(min-width:981px){
  .b10-el.is-free-d{position:absolute!important;left:var(--e-free-x,0px);top:var(--e-free-y,0px);z-index:var(--e-z,2);margin:0!important;translate:none!important}
}
@media(min-width:681px) and (max-width:980px){
  .b10-section{min-height:var(--b10-sec-min-t,0px);margin-top:var(--b10-sec-mt-t,var(--b10-sec-mt,0px));margin-bottom:var(--b10-sec-mb-t,var(--b10-sec-mb,0px))}
  .b10-el{width:var(--e-width-t,var(--e-width,auto));height:var(--e-height-t,var(--e-height,auto));translate:var(--e-x-t,0px) var(--e-y-t,0px)}
  .b10-el.is-free-d{position:relative!important}
  .b10-el.is-free-t{position:absolute!important;left:var(--e-free-x-t,0px)!important;top:var(--e-free-y-t,0px)!important;z-index:var(--e-z-t,2)!important;margin:0!important;translate:none!important}
}
@media(max-width:680px){
  .b10-section{min-height:var(--b10-sec-min-m,0px)!important;margin-top:var(--b10-sec-mt-m,var(--b10-sec-mt-t,var(--b10-sec-mt,0px)));margin-bottom:var(--b10-sec-mb-m,var(--b10-sec-mb-t,var(--b10-sec-mb,0px)))}
  .b10-el{width:var(--e-width-m,var(--e-width-t,var(--e-width,auto)));height:var(--e-height-m,var(--e-height-t,var(--e-height,auto)));translate:var(--e-x-m,0px) var(--e-y-m,0px)}
  .b10-el.is-free-d,.b10-el.is-free-t{position:relative!important}
  .b10-el.is-free-m{position:absolute!important;left:var(--e-free-x-m,0px)!important;top:var(--e-free-y-m,0px)!important;z-index:var(--e-z-m,2)!important;margin:0!important;translate:none!important}
  .b10-column{justify-content:flex-start}
  .b10-slider,.b10-gallery,.b10-productsCatalog,.b10-featuredProducts,.b10-appMosaic{max-width:100%;min-width:0}
}
/* Manual responsive heights must control the inner visual instead of leaving a fake blank box. */
@media(min-width:681px) and (max-width:980px){
  .b10-image[style*="--e-height-t"]{overflow:hidden}.b10-image[style*="--e-height-t"]>img,.b10-image[style*="--e-height-t"]>a,.b10-image[style*="--e-height-t"]>a>img{height:100%;width:100%;object-fit:var(--image-fit,cover)}
  .b10-slider[style*="--e-height-t"]{min-height:0!important}.b10-slider[style*="--e-height-t"] .b10-slide,.b10-slider[style*="--e-height-t"] .b10-slide-media{min-height:0!important;height:100%}
}
@media(max-width:680px){
  .b10-image[style*="--e-height-m"]{overflow:hidden}.b10-image[style*="--e-height-m"]>img,.b10-image[style*="--e-height-m"]>a,.b10-image[style*="--e-height-m"]>a>img{height:100%;width:100%;object-fit:var(--image-fit,cover)}
  .b10-slider[style*="--e-height-m"]{min-height:0!important}.b10-slider[style*="--e-height-m"] .b10-slide,.b10-slider[style*="--e-height-m"] .b10-slide-media{min-height:0!important;height:100%}
}

/* v18 image sizing override: legacy pro-v9 image rules must not block direct resize. */
.b10-page[data-b10-template] .b10-image{width:var(--e-width,100%)!important;height:var(--e-height,auto)!important}
.b10-page[data-b10-template] .b10-image[style*="--e-height"]>img,
.b10-page[data-b10-template] .b10-image[style*="--e-height"]>a,
.b10-page[data-b10-template] .b10-image[style*="--e-height"]>a>img{height:100%!important;width:100%!important;object-fit:var(--image-fit,cover)}
@media(min-width:681px) and (max-width:980px){
  .b10-page[data-b10-template] .b10-image{width:var(--e-width-t,var(--e-width,100%))!important;height:var(--e-height-t,var(--e-height,auto))!important}
}
@media(max-width:680px){
  .b10-page[data-b10-template] .b10-image{width:var(--e-width-m,var(--e-width-t,var(--e-width,100%)))!important;height:var(--e-height-m,var(--e-height-t,var(--e-height,auto)))!important}
}

/* v20 FINAL — AI-native premium visual library */
.b10-section[class*="bg-preset-"]{overflow:hidden;isolation:isolate;background:#090c16;color:#f5f7ff;--ink:#f5f7ff;--muted:#aab5ca;--surface:#111827;--surface-2:#0d1421;--line:#27324b}
.b10-section[class*="bg-preset-"]>.b10-section-inner{position:relative;z-index:2}
.b10-section[class*="bg-preset-"]::before,.b10-section[class*="bg-preset-"]::after{content:"";position:absolute;pointer-events:none;z-index:0}
.b10-section.bg-preset-aurora-ai{background:radial-gradient(circle at 18% 18%,rgba(29,169,255,.16),transparent 34%),radial-gradient(circle at 82% 16%,rgba(129,60,255,.24),transparent 35%),linear-gradient(135deg,#07111d,#11102a 52%,#0a0d16)}
.b10-section.bg-preset-aurora-ai::before{inset:-35%;background:conic-gradient(from 90deg,transparent,rgba(0,210,255,.12),transparent,rgba(142,64,255,.17),transparent);filter:blur(58px);animation:b10Aurora 18s linear infinite}
.b10-section.bg-preset-neural-grid{background:radial-gradient(circle at 50% 20%,rgba(125,72,255,.14),transparent 42%),#090c15}
.b10-section.bg-preset-neural-grid::before{inset:0;background-image:linear-gradient(rgba(118,105,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(118,105,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%)}
.b10-section.bg-preset-neural-grid::after{width:520px;height:520px;border:1px solid rgba(95,194,255,.15);border-radius:50%;right:-210px;top:-240px;box-shadow:0 0 0 70px rgba(95,194,255,.025),0 0 0 140px rgba(124,64,255,.02)}
.b10-section.bg-preset-mesh-glow{background:radial-gradient(circle at 12% 20%,rgba(49,184,255,.22),transparent 30%),radial-gradient(circle at 88% 30%,rgba(164,54,255,.24),transparent 33%),radial-gradient(circle at 48% 90%,rgba(58,78,255,.18),transparent 38%),#090c16}
.b10-section.bg-preset-holographic{background:linear-gradient(135deg,#09111c 0%,#11152b 35%,#19102c 68%,#09101b 100%)}
.b10-section.bg-preset-holographic::before{inset:-40%;background:conic-gradient(from 10deg,rgba(21,191,255,.0),rgba(21,191,255,.15),rgba(162,64,255,.16),rgba(40,246,190,.10),rgba(21,191,255,0));filter:blur(80px);animation:b10Holo 15s ease-in-out infinite alternate}
.b10-section.bg-preset-spotlight{background:radial-gradient(ellipse at 50% -15%,rgba(142,77,255,.35),transparent 48%),linear-gradient(#0b0e18,#080b13)}
.b10-section.bg-preset-spotlight::after{width:1px;height:75%;left:50%;top:0;background:linear-gradient(rgba(255,255,255,.22),transparent)}
.b10-section.bg-preset-cyber-grid{background:#070b13}
.b10-section.bg-preset-cyber-grid::before{inset:0;background-image:linear-gradient(rgba(40,172,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(40,172,255,.08) 1px,transparent 1px);background-size:56px 56px;transform:perspective(480px) rotateX(58deg) scale(1.65);transform-origin:50% 100%;opacity:.72}
.b10-section.bg-preset-cyber-grid::after{inset:0;background:linear-gradient(to bottom,#070b13 7%,transparent 45%,#070b13 96%)}
.b10-section.bg-preset-deep-space{background:radial-gradient(circle at 28% 18%,rgba(76,99,255,.22),transparent 28%),radial-gradient(circle at 76% 72%,rgba(143,49,255,.15),transparent 30%),#060914}
.b10-section.bg-preset-deep-space::before{inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.34) 1px,transparent 1.5px);background-size:67px 67px;opacity:.22}
.b10-section.bg-preset-soft-grain{background:linear-gradient(145deg,#121729,#0c101b)}
.b10-section.bg-preset-soft-grain::before{inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
.b10-section.bg-preset-liquid-glow{background:linear-gradient(150deg,#08111b,#101328 55%,#120b22)}
.b10-section.bg-preset-liquid-glow::before{width:520px;height:280px;border-radius:48% 52% 61% 39%/47% 35% 65% 53%;background:linear-gradient(120deg,rgba(25,193,255,.24),rgba(131,63,255,.28));filter:blur(45px);left:-120px;top:-80px;animation:b10Blob 12s ease-in-out infinite alternate}
.b10-section.bg-preset-liquid-glow::after{width:440px;height:260px;border-radius:63% 37% 45% 55%/44% 61% 39% 56%;background:linear-gradient(120deg,rgba(155,52,255,.22),rgba(31,117,255,.18));filter:blur(50px);right:-130px;bottom:-100px;animation:b10Blob 15s ease-in-out infinite alternate-reverse}
@keyframes b10Aurora{to{transform:rotate(360deg)}}@keyframes b10Holo{to{transform:rotate(16deg) scale(1.08)}}@keyframes b10Blob{to{transform:translate(55px,28px) rotate(10deg)}}

.b10-aiPromptCard,.b10-aiAgentCard,.b10-aiTerminal,.b10-holoCard{border:1px solid rgba(160,170,255,.18);border-radius:28px;background:linear-gradient(145deg,rgba(17,24,43,.92),rgba(17,17,39,.78));box-shadow:0 30px 90px rgba(0,0,0,.24);backdrop-filter:blur(18px);overflow:hidden}
.b10-aiPromptCard{padding:28px}.ai-card-top{display:flex;align-items:center;gap:8px;color:#a8b2cd;font-size:11px;font-weight:700}.ai-live-dot{width:8px;height:8px;border-radius:50%;background:#4ee3a6;box-shadow:0 0 0 5px rgba(78,227,166,.08),0 0 18px rgba(78,227,166,.45)}.b10-aiPromptCard h3,.b10-aiAgentCard h3,.b10-aiWorkflow h3,.b10-aiMetricGrid h3,.b10-holoCard h3{font-family:var(--font-heading,var(--font-display));font-size:clamp(28px,3vw,42px);line-height:1.25;margin:14px 0 8px}.b10-aiPromptCard>p,.b10-aiAgentCard p,.b10-aiWorkflow p,.b10-aiMetricGrid p,.b10-holoCard p{color:#aeb8cf;line-height:1.9}.ai-prompt-box,.ai-result-box{margin-top:16px;padding:16px 18px;border-radius:18px;border:1px solid rgba(149,160,230,.13);background:rgba(6,10,22,.52)}.ai-prompt-box span,.ai-result-box span{display:block;font-size:10px;color:#7faeff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.ai-prompt-box b{font-size:14px;line-height:1.8}.ai-result-box{background:linear-gradient(135deg,rgba(80,66,190,.18),rgba(27,146,213,.09))}.ai-result-box p{margin:0;color:#dce7ff;font-size:14px}
.b10-aiAgentCard{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:28px;align-items:center}.ai-agent-orb{width:170px;height:170px;display:grid;place-items:center;position:relative;margin:auto}.ai-agent-orb b{position:relative;z-index:3;font-size:34px;background:linear-gradient(135deg,#63dfff,#a967ff);-webkit-background-clip:text;color:transparent}.ai-agent-orb i{position:absolute;border-radius:50%;border:1px solid rgba(109,139,255,.32);animation:b10Orbit 9s linear infinite}.ai-agent-orb i:nth-child(1){inset:9px}.ai-agent-orb i:nth-child(2){inset:28px;animation-direction:reverse;animation-duration:6s}.ai-agent-orb i:nth-child(3){inset:51px;background:radial-gradient(circle,rgba(69,207,255,.15),rgba(123,54,255,.12));box-shadow:0 0 45px rgba(83,91,255,.22)}@keyframes b10Orbit{to{transform:rotate(360deg)}}.ai-agent-meta{display:flex;gap:8px;flex-wrap:wrap}.ai-agent-meta span{padding:7px 10px;border-radius:999px;background:rgba(100,111,255,.09);border:1px solid rgba(140,145,255,.14);font-size:10px;color:#c2c9df}
.b10-aiWorkflow{padding:30px;border:1px solid rgba(145,153,235,.14);border-radius:28px;background:rgba(10,14,28,.58);backdrop-filter:blur(10px)}.ai-workflow-head{max-width:720px}.ai-flow-nodes{display:flex;align-items:center;gap:12px;margin-top:28px}.ai-flow-node{flex:1;min-width:0;padding:20px;border-radius:20px;border:1px solid rgba(144,161,255,.15);background:linear-gradient(145deg,rgba(20,28,48,.9),rgba(16,16,36,.78));position:relative}.ai-flow-node span{font-size:10px;color:#7799ff}.ai-flow-node b{display:block;margin-top:8px;font-size:16px}.ai-flow-node::after{content:"";position:absolute;inset:auto 16px 0;height:2px;background:linear-gradient(90deg,#4bd7ff,#8650ff);opacity:.65}.ai-flow-link{width:28px;height:1px;background:linear-gradient(90deg,#4bd7ff,#8650ff);position:relative;flex:0 0 auto}.ai-flow-link::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #8650ff;border-right:1px solid #8650ff;transform:rotate(45deg)}
.b10-aiTerminal{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ai-terminal-bar{height:45px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(150,160,230,.12);background:rgba(4,8,17,.52)}.ai-terminal-bar>span{width:8px;height:8px;border-radius:50%;background:#ff6577}.ai-terminal-bar>span:nth-child(2){background:#ffbd4a}.ai-terminal-bar>span:nth-child(3){background:#38d996}.ai-terminal-bar b{margin-inline-start:auto;color:#7889aa;font-size:10px}.ai-terminal-body{padding:24px}.ai-terminal-body>small{color:#6fd6ff;font-weight:700}.ai-terminal-body>p{font-family:var(--font-body);color:#9eabc3;line-height:1.8}.ai-terminal-line{display:flex;gap:10px;align-items:center;min-height:34px;color:#d4e5ff;position:relative}.ai-terminal-line>span{color:#705cff}.ai-terminal-line code{font-size:12px}.ai-terminal-line i{width:7px;height:14px;background:#66d7ff;animation:b10Cursor 1s steps(2,end) infinite;animation-delay:var(--line-delay,0ms)}@keyframes b10Cursor{50%{opacity:0}}
.b10-aiMetricGrid{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:24px;align-items:stretch}.ai-metric-intro{padding:28px;border-radius:26px;border:1px solid rgba(144,160,240,.14);background:rgba(10,14,27,.55)}.ai-metric-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-metric-card{position:relative;padding:22px;border-radius:22px;border:1px solid rgba(144,160,240,.14);background:linear-gradient(145deg,rgba(18,25,44,.82),rgba(12,14,29,.75));overflow:hidden}.ai-metric-card>span{font-size:10px;color:#6f88ff}.ai-metric-card>b{display:block;font-size:18px;margin:10px 0 5px}.ai-metric-card>small{color:#9ba8bf}.ai-metric-card>i{position:absolute;width:100px;height:100px;border-radius:50%;right:-48px;bottom:-54px;background:radial-gradient(circle,#4bd7ff44,#8150ff22 45%,transparent 70%)}
.b10-holoCard{padding:32px;position:relative;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end}.holo-glow{position:absolute;inset:-40%;background:conic-gradient(from 80deg,transparent,#45dfff33,#9e50ff44,#40efbc22,transparent);filter:blur(60px);animation:b10Holo 11s linear infinite}.b10-holoCard>*:not(.holo-glow){position:relative;z-index:2}.holo-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:26px;background:linear-gradient(145deg,rgba(82,195,255,.18),rgba(138,70,255,.25));border:1px solid rgba(152,174,255,.2);box-shadow:inset 0 0 25px rgba(110,105,255,.12)}.holo-lines{display:flex;gap:7px;margin-top:18px}.holo-lines i{height:3px;border-radius:999px;background:linear-gradient(90deg,#49d7ff,#8453ff)}.holo-lines i:nth-child(1){width:44%}.holo-lines i:nth-child(2){width:28%;opacity:.65}.holo-lines i:nth-child(3){width:15%;opacity:.35}
.b10-marqueeAI{overflow:hidden;border-block:1px solid rgba(140,155,235,.14);padding:13px 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.ai-marquee-track{width:max-content;display:flex;gap:34px;align-items:center;animation:b10Marquee var(--marquee-speed,28s) linear infinite}.ai-marquee-track span{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#bfc8db;font-size:13px;font-weight:700}.ai-marquee-track i{font-style:normal;color:#744dff}@keyframes b10Marquee{to{transform:translateX(-50%)}}

@media(max-width:780px){.b10-aiAgentCard,.b10-aiMetricGrid{grid-template-columns:1fr}.ai-agent-orb{width:140px;height:140px}.ai-flow-nodes{display:grid;grid-template-columns:1fr 1fr}.ai-flow-link{display:none}.b10-aiPromptCard,.b10-aiAgentCard,.b10-aiWorkflow,.ai-terminal-body,.b10-holoCard{padding:22px}.b10-section[class*="bg-preset-"]::before,.b10-section[class*="bg-preset-"]::after{animation-duration:24s}}
@media(max-width:520px){.ai-metric-cards,.ai-flow-nodes{grid-template-columns:1fr}.b10-aiAgentCard{padding:20px}.b10-aiPromptCard h3,.b10-aiAgentCard h3,.b10-aiWorkflow h3,.b10-aiMetricGrid h3,.b10-holoCard h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.b10-section[class*="bg-preset-"]::before,.b10-section[class*="bg-preset-"]::after,.ai-agent-orb i,.ai-terminal-line i,.holo-glow,.ai-marquee-track{animation:none!important}}

/* v20 FINAL — elastic canvas spacing and unrestricted professional placement */
@media(min-width:981px){.b10-section:has(.b10-el.is-free-d){overflow:visible!important}}
@media(min-width:681px) and (max-width:980px){.b10-section:has(.b10-el.is-free-t){overflow:visible!important}}
@media(max-width:680px){.b10-section:has(.b10-el.is-free-m){overflow:visible!important}}


/* v21 FINAL — Particle & AI Motion Background Engine */
.b10-section.has-particle-bg{isolation:isolate;overflow:hidden}
.b10-section.has-particle-bg>.b10-section-inner{position:relative;z-index:2}
.b10-particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;display:block;opacity:1;contain:strict}
@media(max-width:680px){.b10-particle-canvas[data-particle-mobile="0"]{display:none}}
@media(prefers-reduced-motion:reduce){.b10-particle-canvas{opacity:.72}}


/* v23.1 — true global background layer: body bg → global particles → section backgrounds → section particles → content */
body.has-global-particles{position:relative;isolation:isolate}
.b10-global-particle-canvas{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:0!important;pointer-events:none!important;contain:strict}
body.has-global-particles>main{position:relative;z-index:1}
body.has-global-particles>[data-header],body.has-global-particles>[data-footer],body.has-global-particles>.site-announcement,body.has-global-particles>[data-cookie-consent]{position:relative;z-index:4}
body.has-global-particles .b10-section.has-particle-bg{isolation:isolate}
@media(max-width:680px){.b10-global-particle-canvas[data-particle-mobile="0"]{display:none!important}}

/* v23 DESIGN PRO — extra practical section backgrounds (CSS-native, no external assets) */
.b10-section.bg-preset-aurora-bloom{background:radial-gradient(circle at 12% 18%,rgba(47,211,255,.24),transparent 28%),radial-gradient(circle at 88% 24%,rgba(159,74,255,.27),transparent 33%),radial-gradient(circle at 52% 92%,rgba(64,102,255,.18),transparent 36%),#07101b}
.b10-section.bg-preset-aurora-bloom::before{inset:-26%;background:conic-gradient(from 30deg,transparent,rgba(52,219,255,.12),transparent 34%,rgba(154,73,255,.15),transparent 67%);filter:blur(56px);animation:b10Bloom 20s linear infinite}
.b10-section.bg-preset-prism-grid{background:linear-gradient(145deg,#08111d,#10152b 52%,#0c0b1d)}
.b10-section.bg-preset-prism-grid::before{inset:0;background-image:linear-gradient(120deg,rgba(83,214,255,.08) 1px,transparent 1px),linear-gradient(30deg,rgba(150,85,255,.07) 1px,transparent 1px);background-size:46px 46px;opacity:.72}
.b10-section.bg-preset-prism-grid::after{inset:-20%;background:linear-gradient(105deg,transparent 34%,rgba(72,221,255,.07) 48%,rgba(161,81,255,.08) 54%,transparent 68%);transform:translateX(-18%);animation:b10PrismSweep 16s ease-in-out infinite alternate}
.b10-section.bg-preset-blueprint{background:#07131d;background-image:linear-gradient(rgba(74,184,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(74,184,255,.07) 1px,transparent 1px),linear-gradient(rgba(74,184,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(74,184,255,.025) 1px,transparent 1px);background-size:48px 48px,48px 48px,12px 12px,12px 12px}
.b10-section.bg-preset-blueprint::after{width:min(58vw,680px);height:min(58vw,680px);border:1px solid rgba(76,194,255,.12);border-radius:50%;right:-22%;top:-50%;box-shadow:0 0 0 64px rgba(76,194,255,.018),0 0 0 128px rgba(76,194,255,.012)}
.b10-section.bg-preset-midnight-rays{background:radial-gradient(ellipse at 50% -18%,rgba(126,89,255,.28),transparent 47%),#070b15}
.b10-section.bg-preset-midnight-rays::before{inset:-40% -10% 0;background:repeating-conic-gradient(from 258deg at 50% 0,rgba(129,99,255,.075) 0deg 3deg,transparent 3deg 10deg);opacity:.72;mask-image:linear-gradient(#000,transparent 72%)}
.b10-section.bg-preset-glass-grid{background:linear-gradient(145deg,#0b1321,#11162a 55%,#0a1020)}
.b10-section.bg-preset-glass-grid::before{inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;opacity:.55}
.b10-section.bg-preset-glass-grid::after{left:8%;right:8%;top:18%;height:54%;border:1px solid rgba(169,190,255,.08);border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.b10-section.bg-preset-plasma{background:radial-gradient(circle at 18% 38%,rgba(0,217,255,.24),transparent 29%),radial-gradient(circle at 82% 35%,rgba(232,57,255,.21),transparent 31%),radial-gradient(circle at 52% 82%,rgba(91,71,255,.24),transparent 36%),#090b17}
.b10-section.bg-preset-plasma::before{inset:-30%;background:conic-gradient(from 180deg,rgba(0,214,255,.12),transparent 28%,rgba(206,65,255,.14),transparent 62%,rgba(80,94,255,.12));filter:blur(72px);animation:b10Plasma 18s ease-in-out infinite alternate}
.b10-section.bg-preset-soft-light{background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.10),transparent 48%),linear-gradient(145deg,#151a29,#0d111d 60%,#101526)}
.b10-section.bg-preset-soft-light::after{inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);opacity:.65}
.b10-section.bg-preset-emerald-tech{background:radial-gradient(circle at 18% 20%,rgba(42,255,187,.16),transparent 30%),radial-gradient(circle at 88% 72%,rgba(40,175,255,.14),transparent 34%),#071410}
.b10-section.bg-preset-emerald-tech::before{inset:0;background-image:linear-gradient(rgba(77,242,189,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(77,242,189,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 90%)}
.b10-section.bg-preset-sunset-ai{background:radial-gradient(circle at 18% 18%,rgba(255,119,78,.21),transparent 31%),radial-gradient(circle at 82% 24%,rgba(186,74,255,.22),transparent 34%),linear-gradient(145deg,#15101b,#10101f 58%,#0b111c)}
.b10-section.bg-preset-sunset-ai::before{width:46vw;height:46vw;max-width:620px;max-height:620px;border-radius:50%;right:-18%;top:-42%;background:radial-gradient(circle,rgba(255,135,85,.12),transparent 67%);filter:blur(12px)}
.b10-section.bg-preset-mono-grid{background:#0c1018;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px}
.b10-section.bg-preset-mono-grid::after{inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 22%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.52));}
.b10-section.bg-preset-cosmic-fog{background:radial-gradient(circle at 14% 32%,rgba(58,145,255,.22),transparent 32%),radial-gradient(circle at 78% 28%,rgba(160,68,255,.21),transparent 34%),radial-gradient(circle at 62% 85%,rgba(72,217,220,.12),transparent 31%),#050812}
.b10-section.bg-preset-cosmic-fog::before{inset:-20%;background:radial-gradient(ellipse at 32% 45%,rgba(255,255,255,.055),transparent 34%),radial-gradient(ellipse at 70% 55%,rgba(255,255,255,.04),transparent 30%);filter:blur(30px);animation:b10Fog 22s ease-in-out infinite alternate}
.b10-section.bg-preset-matrix-lines{background:#06100e;background-image:linear-gradient(90deg,transparent 0 47%,rgba(65,255,188,.04) 48% 52%,transparent 53%);background-size:28px 100%}
.b10-section.bg-preset-matrix-lines::before{inset:0;background:repeating-linear-gradient(180deg,transparent 0 18px,rgba(87,255,198,.05) 19px,transparent 20px);opacity:.65}
.b10-section.bg-preset-spotlight-dual{background:radial-gradient(ellipse at 22% -10%,rgba(47,204,255,.28),transparent 42%),radial-gradient(ellipse at 78% -10%,rgba(159,78,255,.28),transparent 42%),linear-gradient(#090d17,#080b13)}
.b10-section.bg-preset-spotlight-dual::after{inset:0;background:linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.05) 50%,transparent 50.15%)}
.b10-section.bg-preset-gradient-frame{background:linear-gradient(145deg,#090d17,#111328)}
.b10-section.bg-preset-gradient-frame::before{inset:18px;border-radius:32px;padding:1px;background:linear-gradient(120deg,rgba(62,218,255,.38),rgba(142,79,255,.42),rgba(75,239,184,.24));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
@keyframes b10Bloom{to{transform:rotate(360deg) scale(1.05)}}
@keyframes b10PrismSweep{to{transform:translateX(20%) skewX(-6deg)}}
@keyframes b10Plasma{to{transform:rotate(12deg) scale(1.08)}}
@keyframes b10Fog{to{transform:translate3d(4%,2%,0) scale(1.05)}}
@media(max-width:780px){.b10-section.bg-preset-aurora-bloom::before,.b10-section.bg-preset-plasma::before,.b10-section.bg-preset-cosmic-fog::before{filter:blur(42px);animation-duration:28s}.b10-section.bg-preset-gradient-frame::before{inset:10px;border-radius:22px}.b10-section.bg-preset-glass-grid::after{left:5%;right:5%;border-radius:26px}}
@media(prefers-reduced-motion:reduce){.b10-section.bg-preset-aurora-bloom::before,.b10-section.bg-preset-prism-grid::after,.b10-section.bg-preset-plasma::before,.b10-section.bg-preset-cosmic-fog::before{animation:none!important}}

/* v23.4 Builder Core — first-class responsive container */
.b10-container{display:flex;flex-direction:var(--ct-dir,column);gap:var(--ct-gap,16px);align-items:var(--ct-align,stretch);justify-content:var(--ct-justify,start);flex-wrap:var(--ct-wrap,nowrap);min-height:var(--ct-min,0);position:relative;box-sizing:border-box}
.b10-container>.b10-el{min-width:0;max-width:100%}
@media(max-width:980px){.b10-container{flex-direction:var(--ct-dir-t,var(--ct-dir,column));gap:var(--ct-gap-t,var(--ct-gap,16px));min-height:var(--ct-min-t,var(--ct-min,0))}}
@media(max-width:680px){.b10-container{flex-direction:var(--ct-dir-m,var(--ct-dir-t,var(--ct-dir,column)));gap:var(--ct-gap-m,var(--ct-gap-t,var(--ct-gap,16px)));min-height:var(--ct-min-m,var(--ct-min-t,var(--ct-min,0)))}}

/* v23.5: Premium section backgrounds follow the site's Light/Dark theme instead of locking the section in dark mode. */
html:not(.dark) .b10-section[class*="bg-preset-"]{--ink:inherit;--muted:inherit;--surface:inherit;--surface-2:inherit;--line:inherit;color:var(--ink)}
html:not(.dark) .b10-section.bg-preset-aurora-ai{background:radial-gradient(circle at 18% 18%,rgba(29,169,255,.13),transparent 34%),radial-gradient(circle at 82% 16%,rgba(129,60,255,.14),transparent 35%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface-2) 86%,#dfe9ff 14%))}
html:not(.dark) .b10-section.bg-preset-neural-grid{background:radial-gradient(circle at 50% 20%,rgba(125,72,255,.10),transparent 42%),var(--surface)}
html:not(.dark) .b10-section.bg-preset-mesh-glow{background:radial-gradient(circle at 12% 20%,rgba(49,184,255,.13),transparent 30%),radial-gradient(circle at 88% 30%,rgba(164,54,255,.13),transparent 33%),radial-gradient(circle at 48% 90%,rgba(58,78,255,.09),transparent 38%),var(--surface)}
html:not(.dark) .b10-section.bg-preset-holographic{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,#d7fbff 8%),color-mix(in srgb,var(--surface-2) 90%,#eadcff 10%) 55%,var(--surface))}
html:not(.dark) .b10-section.bg-preset-spotlight{background:radial-gradient(ellipse at 50% -15%,rgba(142,77,255,.18),transparent 48%),linear-gradient(var(--surface),var(--surface-2))}
html:not(.dark) .b10-section.bg-preset-cyber-grid{background:var(--surface)}
html:not(.dark) .b10-section.bg-preset-deep-space{background:radial-gradient(circle at 28% 18%,rgba(76,99,255,.13),transparent 28%),radial-gradient(circle at 76% 72%,rgba(143,49,255,.10),transparent 30%),var(--surface)}
html:not(.dark) .b10-section.bg-preset-soft-grain{background:linear-gradient(145deg,var(--surface),var(--surface-2))}
html:not(.dark) .b10-section.bg-preset-liquid-glow{background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--surface-2) 90%,#e9ddff 10%) 55%,var(--surface))}
html:not(.dark) .b10-section.bg-preset-aurora-bloom{background:radial-gradient(circle at 12% 18%,rgba(47,211,255,.14),transparent 28%),radial-gradient(circle at 88% 24%,rgba(159,74,255,.15),transparent 33%),radial-gradient(circle at 52% 92%,rgba(64,102,255,.10),transparent 36%),var(--surface)}
html:not(.dark) .b10-section.bg-preset-prism-grid{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 88%,#e4e6ff 12%) 52%,var(--surface))}
html:not(.dark) .b10-section.bg-preset-blueprint{background-color:var(--surface)}
html:not(.dark) .b10-section.bg-preset-midnight-rays{background:radial-gradient(ellipse at 50% -18%,rgba(126,89,255,.16),transparent 47%),var(--surface)}
html:not(.dark) .b10-section.bg-preset-glass-grid{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 90%,#e6ecff 10%) 55%,var(--surface))}
html:not(.dark) .b10-section.bg-preset-plasma{background:radial-gradient(circle at 18% 38%,rgba(0,190,235,.13),transparent 29%),radial-gradient(circle at 82% 35%,rgba(210,57,255,.12),transparent 31%),radial-gradient(circle at 52% 82%,rgba(91,71,255,.12),transparent 36%),var(--surface)}
html:not(.dark) .b10-section.bg-preset-soft-light{background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.75),transparent 48%),linear-gradient(145deg,var(--surface),var(--surface-2) 60%,var(--surface))}
html:not(.dark) .b10-section.bg-preset-emerald-tech{background:radial-gradient(circle at 18% 20%,rgba(42,210,160,.12),transparent 30%),radial-gradient(circle at 88% 72%,rgba(40,175,255,.10),transparent 34%),var(--surface)}
html:not(.dark) .b10-section.bg-preset-sunset-ai{background:radial-gradient(circle at 18% 18%,rgba(255,119,78,.13),transparent 31%),radial-gradient(circle at 82% 24%,rgba(186,74,255,.13),transparent 34%),linear-gradient(145deg,var(--surface),var(--surface-2) 58%,var(--surface))}
html:not(.dark) .b10-section.bg-preset-mono-grid{background-color:var(--surface)}
html:not(.dark) .b10-section.bg-preset-cosmic-fog{background:radial-gradient(circle at 14% 32%,rgba(58,145,255,.13),transparent 32%),radial-gradient(circle at 78% 28%,rgba(160,68,255,.12),transparent 34%),radial-gradient(circle at 62% 85%,rgba(72,217,220,.08),transparent 31%),var(--surface)}
html:not(.dark) .b10-section.bg-preset-matrix-lines{background-color:var(--surface)}
html:not(.dark) .b10-section.bg-preset-spotlight-dual{background:radial-gradient(ellipse at 22% -10%,rgba(47,204,255,.14),transparent 42%),radial-gradient(ellipse at 78% -10%,rgba(159,78,255,.14),transparent 42%),linear-gradient(var(--surface),var(--surface-2))}
html:not(.dark) .b10-section.bg-preset-gradient-frame{background:linear-gradient(145deg,var(--surface),var(--surface-2))}

/* v23.7 BUTTON PRO — lightweight, theme-aware button system */
.b10-button,.b10-buttonGroup>a.b10-button{
  position:relative;isolation:isolate;overflow:hidden;max-width:100%;text-align:center;white-space:normal;
  min-height:48px;padding:0 20px;border-radius:14px;line-height:1.25;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease;
}
.b10-button[data-size="sm"],.b10-buttonGroup>a[data-size="sm"]{min-height:38px;padding:0 14px;font-size:.86em}
.b10-button[data-size="md"],.b10-buttonGroup>a[data-size="md"]{min-height:48px;padding:0 20px}
.b10-button[data-size="lg"],.b10-buttonGroup>a[data-size="lg"]{min-height:54px;padding:0 26px;font-size:1.04em}
.b10-button[data-size="xl"],.b10-buttonGroup>a[data-size="xl"]{min-height:62px;padding:0 32px;font-size:1.1em}
.b10-button[data-shape="pill"],.b10-buttonGroup>a[data-shape="pill"]{border-radius:999px}
.b10-button[data-shape="soft"],.b10-buttonGroup>a[data-shape="soft"]{border-radius:20px}
.b10-button[data-shape="square"],.b10-buttonGroup>a[data-shape="square"]{border-radius:8px}
.b10-button[data-shape="rounded"],.b10-buttonGroup>a[data-shape="rounded"]{border-radius:14px}

.b10-button[data-variant="outline"],.b10-buttonGroup>a[data-variant="outline"]{background:transparent;color:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 62%,var(--line));box-shadow:none}
.b10-button[data-variant="glass"],.b10-buttonGroup>a[data-variant="glass"]{background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--ink);border-color:color-mix(in srgb,var(--ink) 12%,var(--line));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000010}
.b10-button[data-variant="glow"],.b10-buttonGroup>a[data-variant="glow"]{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-secondary) 20%,transparent),0 12px 34px color-mix(in srgb,var(--brand-primary) 32%,transparent)}
.b10-button[data-variant="gradient"],.b10-buttonGroup>a[data-variant="gradient"]{background:linear-gradient(115deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 45%,var(--brand-secondary)),var(--brand-secondary));color:#fff;border-color:transparent;box-shadow:0 12px 30px #00000016}
.b10-button[data-variant="soft"],.b10-buttonGroup>a[data-variant="soft"]{background:color-mix(in srgb,var(--brand-primary) 11%,var(--surface));color:color-mix(in srgb,var(--brand-primary) 76%,var(--ink));border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--line));box-shadow:none}
.b10-button[data-variant="dark"],.b10-buttonGroup>a[data-variant="dark"]{background:#0d1423;color:#fff;border-color:#283349;box-shadow:0 12px 30px #0003}
.b10-button[data-variant="light"],.b10-buttonGroup>a[data-variant="light"]{background:#fff;color:#111827;border-color:#e5e7eb;box-shadow:0 10px 26px #00000014}
.b10-button[data-variant="neon"],.b10-buttonGroup>a[data-variant="neon"]{background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink);border-color:var(--brand-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 24%,transparent),0 0 18px color-mix(in srgb,var(--brand-secondary) 25%,transparent)}

.b10-button[data-effect="none"]:hover,.b10-buttonGroup>a[data-effect="none"]:hover{transform:none}
.b10-button[data-effect="lift"]:hover,.b10-buttonGroup>a[data-effect="lift"]:hover{transform:translateY(-2px)}
.b10-button[data-effect="scale"]:hover,.b10-buttonGroup>a[data-effect="scale"]:hover{transform:scale(1.025)}
.b10-button[data-effect="shine"]:before,.b10-buttonGroup>a[data-effect="shine"]:before{content:"";position:absolute;z-index:-1;inset:-30% auto -30% -42%;width:28%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,#ffffff5e,transparent);transition:transform .34s ease;pointer-events:none}
.b10-button[data-effect="shine"]:hover:before,.b10-buttonGroup>a[data-effect="shine"]:hover:before{transform:translateX(560%) skewX(-18deg)}
.b10-button:focus-visible,.b10-buttonGroup>a:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-secondary) 45%,transparent);outline-offset:3px}
@media(max-width:680px){.b10-button[data-size="xl"],.b10-buttonGroup>a[data-size="xl"]{min-height:56px;padding-inline:24px}.b10-buttonGroup{max-width:100%}}
@media(prefers-reduced-motion:reduce){.b10-button,.b10-buttonGroup>a.b10-button{transition:none!important}.b10-button:hover,.b10-buttonGroup>a:hover{transform:none!important}.b10-button[data-effect="shine"]:before,.b10-buttonGroup>a[data-effect="shine"]:before{display:none}}

/* v23.8 BUTTON PRO+ — extended presets, icon/link states, responsive group layout */
.b10-button,.b10-buttonGroup>a.b10-button{gap:var(--btn-icon-gap,8px);font-weight:var(--btn-c-fw,700);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.b10-button .b10-btn-icon,.b10-buttonGroup>a.b10-button .b10-btn-icon{display:inline-grid;place-items:center;flex:0 0 auto;line-height:1;font-size:1.08em}
.b10-button .b10-btn-label,.b10-buttonGroup>a.b10-button .b10-btn-label{min-width:0}
.b10-button[data-icon-pos="start"],.b10-buttonGroup>a[data-icon-pos="start"]{flex-direction:row}
.b10-button[data-icon-pos="end"],.b10-buttonGroup>a[data-icon-pos="end"]{flex-direction:row}
.b10-button[data-icon-only="1"],.b10-buttonGroup>a[data-icon-only="1"]{width:48px;min-width:48px;padding-inline:0!important;aspect-ratio:1}
.b10-button[data-icon-only="1"] .b10-btn-label,.b10-buttonGroup>a[data-icon-only="1"] .b10-btn-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.b10-button[data-shape="circle"],.b10-buttonGroup>a[data-shape="circle"]{border-radius:999px}
.b10-button[data-size="sm"],.b10-buttonGroup>a[data-size="sm"]{min-height:44px}
.b10-button[data-b10-node][data-self-align="start"]{align-self:flex-start}.b10-button[data-b10-node][data-self-align="center"]{align-self:center}.b10-button[data-b10-node][data-self-align="end"]{align-self:flex-end}.b10-button[data-b10-node][data-self-align="stretch"]{align-self:stretch;width:100%}

.b10-button[data-variant="gradient-border"],.b10-buttonGroup>a[data-variant="gradient-border"]{color:var(--ink);border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,var(--brand-primary),var(--brand-secondary)) border-box;box-shadow:0 10px 28px #00000012}
.b10-button[data-variant="ai-glow"],.b10-buttonGroup>a[data-variant="ai-glow"]{color:#fff;border-color:transparent;background:radial-gradient(circle at 18% 18%,#62e9ff55,transparent 34%),linear-gradient(125deg,color-mix(in srgb,var(--brand-primary) 88%,#111827),color-mix(in srgb,var(--brand-secondary) 82%,#111827));box-shadow:0 0 0 1px #9fdcff2b,0 0 28px color-mix(in srgb,var(--brand-primary) 32%,transparent),0 16px 42px #0003}
.b10-button[data-variant="cta"],.b10-buttonGroup>a[data-variant="cta"]{color:#fff;border-color:transparent;background:linear-gradient(115deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 18px 42px color-mix(in srgb,var(--brand-primary) 34%,transparent);font-weight:900;letter-spacing:.01em}
.b10-button[data-variant="minimal"],.b10-buttonGroup>a[data-variant="minimal"]{background:color-mix(in srgb,var(--surface) 93%,transparent);color:var(--ink);border-color:color-mix(in srgb,var(--ink) 8%,var(--line));box-shadow:none}
.b10-button[data-variant="text-link"],.b10-buttonGroup>a[data-variant="text-link"]{min-height:44px;padding-inline:4px;background:transparent;color:var(--brand-primary);border-color:transparent;box-shadow:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.b10-button[data-variant="soft-3d"],.b10-buttonGroup>a[data-variant="soft-3d"]{background:var(--surface);color:var(--ink);border-color:color-mix(in srgb,var(--ink) 8%,var(--line));box-shadow:7px 7px 16px color-mix(in srgb,var(--ink) 11%,transparent),-7px -7px 16px color-mix(in srgb,var(--surface) 84%,#fff)}
.b10-button[data-variant="success"],.b10-buttonGroup>a[data-variant="success"]{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:transparent;box-shadow:0 12px 30px #05966936}
.b10-button[data-variant="danger"],.b10-buttonGroup>a[data-variant="danger"]{background:linear-gradient(135deg,#dc2626,#f43f5e);color:#fff;border-color:transparent;box-shadow:0 12px 30px #dc262633}
.b10-button[data-variant="warning"],.b10-buttonGroup>a[data-variant="warning"]{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border-color:transparent;box-shadow:0 12px 30px #d9770633}

.b10-button[style*="--btn-c-bg"],.b10-buttonGroup>a[style*="--btn-c-bg"]{background:var(--btn-c-bg)!important}
.b10-button[style*="--btn-c-grad"],.b10-buttonGroup>a[style*="--btn-c-grad"]{background:var(--btn-c-grad)!important}
.b10-button[style*="--btn-c-text"],.b10-buttonGroup>a[style*="--btn-c-text"]{color:var(--btn-c-text)!important}
.b10-button[style*="--btn-c-border"],.b10-buttonGroup>a[style*="--btn-c-border"]{border-color:var(--btn-c-border)!important}
.b10-button[style*="--btn-c-bw"],.b10-buttonGroup>a[style*="--btn-c-bw"]{border-width:var(--btn-c-bw)!important}
.b10-button[style*="--btn-c-radius"],.b10-buttonGroup>a[style*="--btn-c-radius"]{border-radius:var(--btn-c-radius)!important}
.b10-button[style*="--btn-c-px"],.b10-buttonGroup>a[style*="--btn-c-px"]{padding-inline:var(--btn-c-px)!important}
.b10-button[style*="--btn-c-glow"],.b10-buttonGroup>a[style*="--btn-c-glow"]{box-shadow:0 0 26px color-mix(in srgb,var(--btn-c-glow) 52%,transparent),0 14px 36px #0002!important}
.b10-button[style*="--btn-c-hover-bg"]:hover,.b10-buttonGroup>a[style*="--btn-c-hover-bg"]:hover{background:var(--btn-c-hover-bg)!important}
.b10-button[style*="--btn-c-hover-text"]:hover,.b10-buttonGroup>a[style*="--btn-c-hover-text"]:hover{color:var(--btn-c-hover-text)!important}
.b10-button[style*="--btn-c-active-bg"]:active,.b10-buttonGroup>a[style*="--btn-c-active-bg"]:active{background:var(--btn-c-active-bg)!important}
.b10-button[data-effect="press"]:active,.b10-buttonGroup>a[data-effect="press"]:active{transform:translateY(1px) scale(.985)}
.b10-button[data-effect="glow-pulse"]:hover,.b10-buttonGroup>a[data-effect="glow-pulse"]:hover{transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-secondary) 30%,transparent),0 0 32px color-mix(in srgb,var(--brand-primary) 42%,transparent)}
.b10-button[aria-disabled="true"],.b10-buttonGroup>a[aria-disabled="true"]{opacity:.52;filter:saturate(.55);cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
body:not(.studio-canvas-body) .b10-button[aria-disabled="true"],body:not(.studio-canvas-body) .b10-buttonGroup>a[aria-disabled="true"]{pointer-events:none}

.b10-buttonGroup{flex-direction:var(--btn-dir,row);gap:var(--btn-gap,10px);align-items:var(--btn-align,center);justify-content:var(--btn-justify,flex-start);flex-wrap:var(--btn-wrap,wrap)}
@media(max-width:980px){.b10-buttonGroup{flex-direction:var(--btn-dir-t,var(--btn-dir,row));gap:var(--btn-gap-t,var(--btn-gap,10px))}}
@media(max-width:680px){.b10-buttonGroup{flex-direction:var(--btn-dir-m,var(--btn-dir-t,var(--btn-dir,row)));gap:var(--btn-gap-m,var(--btn-gap-t,var(--btn-gap,10px)))}.b10-buttonGroup[data-mobile-stack="1"]{align-items:stretch}.b10-buttonGroup[data-mobile-stack="1"]>.b10-button{width:100%}}

/* v23.11 explicit text alignment must override template defaults when user chooses it. */
.b10-el[style*="--e-align:"]{text-align:var(--e-align)!important}
@media(max-width:980px){.b10-el[style*="--e-align-t:"]{text-align:var(--e-align-t)!important}}
@media(max-width:680px){.b10-el[style*="--e-align-m:"]{text-align:var(--e-align-m)!important}}

/* v23.15 Slider Pro: per-slide image/button positioning while keeping public output clean. */
.b10-slide-media{background:var(--slide-media-bg,var(--surface-2));overflow:hidden}
.b10-slider-image .b10-slide{overflow:hidden}
.b10-slider-image .b10-slide-image-link{display:block;width:100%;height:100%;min-height:inherit;overflow:hidden}
.b10-slide [data-slider-image]{object-fit:var(--slide-image-fit,cover)!important;transform:translate(var(--slide-image-x,0px),var(--slide-image-y,0px)) scale(var(--slide-image-scale,1));transform-origin:center center;transition:transform .18s ease}
.b10-slide [data-slider-button]{transform:translate(var(--slide-button-x,0px),var(--slide-button-y,0px));position:relative;z-index:2}
.b10-slider-nav[hidden],.b10-slider-dots[hidden]{display:none!important}


/* v23.16 Slider Core Audit: one slide model, independent whole-slide/button links, editor-safe transforms. */
.b10-slide{position:relative;overflow:hidden}
.b10-slide.has-slide-link{cursor:pointer}
.b10-slide-copy{position:relative;z-index:2;min-width:0}
.b10-slide-media{position:relative;z-index:1;overflow:hidden;background:var(--slide-media-bg,var(--surface-2))}
.b10-slide [data-slider-image]{will-change:transform;transform:translate(var(--slide-image-x,0px),var(--slide-image-y,0px)) scale(var(--slide-image-scale,1))!important;transform-origin:center center}
.b10-slide [data-slider-button]{will-change:transform;transform:translate(var(--slide-button-x,0px),var(--slide-button-y,0px)) scale(var(--slide-button-scale,1))!important;transform-origin:center center;position:relative;z-index:4}
.b10-slider-image .b10-slide{display:block;min-height:360px}
.b10-slider-image .b10-slide-media{position:absolute;inset:0;min-height:0;height:100%}
.b10-slider-image .b10-slide-media img{width:100%;height:100%;min-height:0;max-height:none}
.b10-slider-image .b10-slide-copy{min-height:360px;padding:42px 54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--surface) 22%,transparent))}
.b10-slider-text .b10-slide.has-image{display:block;min-height:300px}
.b10-slider-text .b10-slide.has-image .b10-slide-media{position:absolute;inset:0;height:100%}
.b10-slider-text .b10-slide.has-image .b10-slide-copy{min-height:300px;padding:42px 54px;display:flex;flex-direction:column;justify-content:center;background:color-mix(in srgb,var(--surface) 70%,transparent)}
@media(max-width:780px){.b10-slider-image .b10-slide-copy,.b10-slider-text .b10-slide.has-image .b10-slide-copy{padding:28px 26px}.b10-slider-image .b10-slide-copy{min-height:320px}}


/* v23.16 Slider Core Audit final refinements. */
.b10-slide-copy[data-slider-copy]{transform:translate(var(--slide-copy-x,0px),var(--slide-copy-y,0px)) scale(var(--slide-copy-scale,1));transform-origin:center center;will-change:transform}
.b10-slide h3[data-slider-title]{font-size:var(--slide-title-size,clamp(30px,4vw,56px))}
.b10-slide p[data-slider-text]{font-size:var(--slide-text-size,inherit)}
.b10-slide-media{overflow:visible}
.b10-slide{overflow:hidden}
.b10-slider-mixed .b10-slide:not(.has-image){grid-template-columns:1fr}
.b10-slider-mixed .b10-slide:not(.has-copy) .b10-slide-media{grid-column:1/-1}
.b10-slider-image .b10-slide:not(.has-image){background:var(--surface)}
.b10-slider-image .b10-slide-copy{position:relative;z-index:3}
.b10-slider-image .b10-slide-media{z-index:1}
.b10-slider-text .b10-slide.has-image .b10-slide-copy{position:relative;z-index:3}
.b10-slide [data-slider-button]{transform:translate(var(--slide-button-x,0px),var(--slide-button-y,0px)) scale(var(--slide-button-scale,1))!important}


/* v23.18 Block widget visibility fix — block-like widgets remain usable in centered columns.
   Explicit element width settings still win through the responsive CSS variables. */
.b10-slider,.b10-gallery,.b10-tabsWidget,.b10-accordion,.b10-video{width:var(--e-width,100%);align-self:stretch;min-width:0}
@media(max-width:980px){.b10-slider,.b10-gallery,.b10-tabsWidget,.b10-accordion,.b10-video{width:var(--e-width-t,var(--e-width,100%))}}
@media(max-width:680px){.b10-slider,.b10-gallery,.b10-tabsWidget,.b10-accordion,.b10-video{width:var(--e-width-m,var(--e-width-t,var(--e-width,100%)))}}


/* v23.21 Slider UX polish: optional supporting text + professional copy backgrounds. */
.b10-slide-copy[data-slider-copy]{text-align:var(--slide-copy-align,inherit);border-radius:var(--slide-copy-radius,0);transition:background .18s ease,backdrop-filter .18s ease,border-radius .18s ease}
.b10-slide-copy[data-copy-bg="none"]{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.b10-slide-copy[data-copy-bg="solid"]{background:var(--slide-copy-bg-color,#fff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.b10-slide-copy[data-copy-bg="glass"]{background:color-mix(in srgb,var(--slide-copy-bg-color,#fff) var(--slide-copy-bg-opacity,82%),transparent)!important;backdrop-filter:blur(var(--slide-copy-blur,16px));-webkit-backdrop-filter:blur(var(--slide-copy-blur,16px));box-shadow:0 18px 50px rgba(20,28,50,.12)}
.b10-slide-copy[data-copy-bg="darkglass"]{background:color-mix(in srgb,#0b1324 var(--slide-copy-bg-opacity,76%),transparent)!important;backdrop-filter:blur(var(--slide-copy-blur,16px));-webkit-backdrop-filter:blur(var(--slide-copy-blur,16px));box-shadow:0 18px 50px rgba(0,0,0,.2)}
.b10-slide-copy[data-copy-tone="dark"],.b10-slide-copy[data-copy-tone="dark"] h3,.b10-slide-copy[data-copy-tone="dark"] p{color:#17213d!important}
.b10-slide-copy[data-copy-tone="light"],.b10-slide-copy[data-copy-tone="light"] h3,.b10-slide-copy[data-copy-tone="light"] p{color:#f7f9ff!important}
.b10-slide h3[data-slider-title]{font-weight:var(--slide-title-weight,inherit)}
.b10-slide p[data-slider-text]{line-height:var(--slide-text-lh,1.9)}
.b10-slide .b10-slide-extra[data-slider-extra]{font-size:var(--slide-extra-size,.9em);line-height:var(--slide-text-lh,1.9);opacity:.86;margin:-8px 0 18px}
.b10-slider:has(.b10-slide-copy[data-copy-bg="none"]){background:transparent}


/* v23.29 — fractional column widths only switch the affected Section to gap-correct flex layout.
   Integer 12-grid Sections keep the original CSS Grid renderer unchanged. */
.b10-section-inner.has-fluid-columns{display:flex;flex-wrap:wrap}
.b10-section-inner.has-fluid-columns>.b10-column{grid-column:auto;flex:0 0 var(--b10-basis,100%);width:var(--b10-basis,100%)}
@media(max-width:980px){.b10-section-inner.has-fluid-columns>.b10-column{flex-basis:var(--b10-basis-t,var(--b10-basis,100%));width:var(--b10-basis-t,var(--b10-basis,100%))}}
@media(max-width:680px){.b10-section-inner.has-fluid-columns>.b10-column{flex-basis:var(--b10-basis-m,var(--b10-basis-t,var(--b10-basis,100%)));width:var(--b10-basis-m,var(--b10-basis-t,var(--b10-basis,100%)))}}

/* v23.30 - per-viewport column height: auto unless user explicitly resizes. */
.b10-column{height:var(--b10-col-height,auto);align-self:var(--b10-col-self,auto)}
@media (min-width:681px) and (max-width:980px){.b10-column{height:var(--b10-col-height-t,auto);align-self:var(--b10-col-self-t,auto)}}
@media (max-width:680px){.b10-column{height:var(--b10-col-height-m,auto);align-self:var(--b10-col-self-m,auto)}}