/* Decorative layer only: all content remains native UX Builder elements. */
.home #content > .section { isolation: isolate; }
.home #content > .section.dark > .section-bg::after {
 content: ""; position: absolute; inset: 0; pointer-events: none;
 background: radial-gradient(ellipse at 82% 36%, rgba(23,129,247,.2), transparent 56%), radial-gradient(ellipse at 8% 90%, rgba(99,65,225,.1), transparent 50%);
}
.home #content .xrh-hero > .section-bg::before {
 content: ""; position: absolute; inset: 0; pointer-events: none;
 background-image: linear-gradient(rgba(116,180,242,.045) 1px, transparent 1px), linear-gradient(90deg,rgba(116,180,242,.045) 1px, transparent 1px);
 background-size: 64px 64px; mask-image: linear-gradient(black, transparent);
}
.home #content .xrh-hero h1 {
 background: linear-gradient(120deg,#fff 20%,#dfefff 57%,#72b9ff 100%);
 -webkit-background-clip: text; background-clip: text; color: transparent;
 letter-spacing: -.035em;
}
.home #content .xrh-hero .img { position: relative; }
.home #content .xrh-hero .img::before {
 content: ""; position: absolute; inset: 12%; border-radius: 50%; pointer-events: none;
 background: radial-gradient(circle,rgba(60,162,255,.18),transparent 68%);
 border: 1px solid rgba(117,192,255,.16); box-shadow: 0 0 75px rgba(27,120,233,.1);
}
.home #content .xrh-hero .img img { filter: drop-shadow(0 24px 25px rgba(0,0,0,.24)); }
.home #content .button { transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease; }
.home #content .button:not(.is-link) { position: relative; overflow: hidden; }
.home #content .button:not(.is-link)::after {
 content: ""; position: absolute; inset: -50% auto -50% -65%; width: 35%; pointer-events: none;
 background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform: skewX(-20deg);
}
.home #content .button.is-outline { border-color: rgba(255,255,255,.5); }
.home #content .button.is-link { background: transparent !important; box-shadow: none !important; color: #0874d9 !important; }
.home #content .dark .button.is-link { color: #9bd4ff !important; }
.home #content .button:focus-visible, .home #content .img a:focus-visible { outline: 3px solid #64d2ff; outline-offset: 5px; }
.home #content .col > .col-inner[style*="background-color"] { border: 1px solid rgba(28,70,119,.07); }
.home #content .product-small.box { border: 1px solid #e4eaf2; box-shadow: 0 8px 28px rgba(18,41,76,.035); }
.home #content .product-small .box-image img { transition: transform .55s cubic-bezier(.22,1,.36,1); }
.home #content .col > .col-inner { transition: box-shadow .3s ease, border-color .3s ease; }
.home #content > .section:nth-of-type(2) { border-top: 1px solid rgba(120,186,255,.13); border-bottom: 1px solid rgba(120,186,255,.13); }
.home #content > .section:nth-of-type(2) h3 { color: #c5e6ff; }
.home #content > .section:nth-of-type(2) .col + .col { border-left: 1px solid rgba(120,186,255,.12); }
.home #content > .section:last-of-type > .section-bg::after { background: radial-gradient(ellipse at 50% 100%,rgba(0,122,255,.24),transparent 68%); }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 .home #content .button:not(.is-link):hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(0,122,255,.28); }
 .home #content .button:not(.is-link):hover::after { animation: xrh-button-shine .7s ease both; }
 .home #content .button.is-outline:hover { background-color: rgba(91,179,255,.1) !important; border-color: #91cdff; }
 .home #content .button.is-link:hover { transform: translateX(4px); }
 .home #content .product-small.box:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(18,41,76,.12); border-color: rgba(0,122,255,.3); }
 .home #content .product-small.box:hover .box-image img { transform: scale(1.045); }
 .home #content .col > .col-inner[style*="background-color"]:hover { box-shadow: 0 18px 40px rgba(18,41,76,.09); border-color: rgba(0,122,255,.24); }
 .home #content .xrh-hero .img .img-inner { transition: transform .8s cubic-bezier(.22,1,.36,1); }
 .home #content .xrh-hero .img:hover .img-inner { transform: translateY(-8px) rotate(-2deg); }
}
@keyframes xrh-button-shine { to { left: 135%; } }
@media (max-width: 549px) {
 .home #content > .section:nth-of-type(2) .col:nth-child(3) { border-left: 0; }
 .home #content .xrh-hero > .section-bg::before { background-size: 44px 44px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto !important; }
 .home #content *, .home #content *::before, .home #content *::after { animation: none !important; transition: none !important; }
 .home #content .button:hover, .home #content .product-small.box:hover { transform: none !important; }
}
/* Keep editor controls and preview selection stable. */
.ux-builder-iframe.home #content *, .ux-builder-iframe.home #content *::after { animation: none !important; transition: none !important; }