/* Shared brand treatment. Geometry, form fields and interactive controls retain their layouts. */
:root{--m365-night:#0b0e10;--m365-on-dark:#f6f7f2;--m365-muted-on-dark:#c4c8c5;--m365-action-bg:var(--m365-ink);--m365-action-fg:#fff;--m365-action-hover:#333}
.m365-header,.m365-footer,.m365-network,.m365-collections,.m365-finishes{background:var(--m365-night);color:var(--m365-on-dark);--m365-action-bg:var(--m365-lime);--m365-action-fg:var(--m365-ink);--m365-action-hover:#e8ff9a}

/* The tightly cropped logo artwork and its optical sizes remain unchanged. */
.m365-network-logo img{filter:grayscale(1) brightness(0) invert(.72)}
.m365-network-logo>span,.m365-network-controls button{color:#b8b8b8}
.m365-network-controls button:hover,.m365-network-controls button:focus-visible{background:#ffffff0d;color:var(--m365-lime)}
.m365-collections .m365-section-heading p,.m365-collection-copy p{color:var(--m365-muted-on-dark)}
.m365-finishes .m365-finish-intro,.m365-finishes .m365-finish-panel p{color:var(--m365-muted-on-dark)}

/* Colour emphasis follows the existing heading size, wrapping and editable copy. */
.m365-heading-gradient{color:#ff618c}
@supports (background-clip:text) or (-webkit-background-clip:text){
 .m365-heading-gradient{background-image:linear-gradient(105deg,#ff2a87 0%,#ff4b59 48%,#ff791e 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}
}

/* Small static dots fade into two dark sections, behind the content. */
.m365-collections,.m365-finishes{position:relative;isolation:isolate}
.m365-collections>.m365-container,.m365-finishes>.m365-container{position:relative;z-index:1}
.m365-collections::before,.m365-finishes::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(220,255,105,.24) .8px,transparent 1px);background-size:16px 16px;background-position:center bottom}
.m365-collections::before{-webkit-mask-image:radial-gradient(ellipse 80% 65% at 100% 100%,#000 0%,transparent 80%);mask-image:radial-gradient(ellipse 80% 65% at 100% 100%,#000 0%,transparent 80%)}
.m365-finishes::before{-webkit-mask-image:radial-gradient(ellipse 55% 90% at 0% 100%,#000 0%,transparent 80%);mask-image:radial-gradient(ellipse 55% 90% at 0% 100%,#000 0%,transparent 80%)}

/* Pill shapes apply to actions, leaving form inputs, kit choices and tabs intact. */
.m365-button,.m365-kit-use,.m365-add-product{border-radius:999px}
.m365-button{background:var(--m365-action-bg);border-color:var(--m365-action-bg);color:var(--m365-action-fg)}
.m365-button:hover,.m365-button:focus-visible{background:var(--m365-action-hover);border-color:var(--m365-action-hover);color:var(--m365-action-fg)}
.m365-button-outline{background:transparent;border:1px solid currentColor;border-image:none;color:inherit}
.m365-button-outline:hover,.m365-button-outline:focus-visible{background:#ffffff0d;border-color:currentColor;color:inherit}
.m365-kit-use{padding-inline:24px}
.m365-hero-actions>.m365-text-link,.m365-collections .m365-text-link{display:inline-flex;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid currentColor;border-radius:999px;line-height:1.4;text-decoration:none}
.m365-hero-actions>.m365-text-link:hover,.m365-hero-actions>.m365-text-link:focus-visible{background:#1313130a;color:var(--m365-ink)}
.m365-collections .m365-text-link{color:var(--m365-on-dark);border-color:#8c9390}
.m365-collections .m365-text-link:hover,.m365-collections .m365-text-link:focus-visible{background:#ffffff0d;border-color:var(--m365-lime);color:var(--m365-lime)}
.m365-product-card .m365-add-product{background:transparent;border:1px solid #828780;color:var(--m365-ink)}
.m365-product-card .m365-add-product:hover{background:#f2f2ef;border-color:var(--m365-ink)}
.m365-product-card .m365-add-product.is-selected{background:var(--m365-ink);border-color:var(--m365-ink);color:#fff}
@media(max-width:767px){.m365-collections::before,.m365-finishes::before{background-size:18px 18px}}
@media(forced-colors:active){.m365-heading-gradient{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.m365-collections::before,.m365-finishes::before{display:none}.m365-network-logo img{filter:none}}