@charset "UTF-8";:root{--brand-red: #ff6b6b;--brand-reddark: #da4747;--brand-redlight: #ff9b97;--brand-black: #272b2a;--brand-green: #007542;--brand-green-filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(6000%) hue-rotate(125deg) brightness(90%) contrast(150%);--color-white: #ffffff;--bg-primary: #f0eee6;--hero-bg-glass: rgba(255, 255, 255, .39);--hero-border-glass: rgba(255, 255, 255, .41);--hero-shadow: rgb(236, 236, 241);--dark-bg: #14141c;--border-light: #e0e0e0;--border-dark: #cccccc;--text-danger: #e53935;--attention-delete: #ff6666;--text-primary: #333333;--text-secondary: #6e6e6e;--brand-grey-1: #87867f;--brand-grey-2: #acaca6;--brand-grey-3: #c5c5c0;--brand-grey-4: #e8e6dc;--brand-grey-5: #f0eee6;--brand-grey-6: #faf9f6;--accent-yellow-1: #ffbe3c;--accent-yellow-2: #ffcf6e;--accent-yellow-3: #ffdf9e;--accent-yellow-4: #fceccb;--accent-green-1: #059688;--accent-green-2: #63b9a4;--accent-green-3: #a7d5c2;--accent-green-4: #dcede1;--accent-blue-1: #3aa7ea;--accent-blue-2: #6ebbee;--accent-blue-3: #a1d5f5;--accent-blue-4: #def2ff;--accent-pink-1: #db4781;--accent-pink-2: #e3729e;--accent-pink-3: #efadc7;--accent-pink-4: #fbebf1;--accent-purple-1: #8a4b70;--accent-purple-2: #a1739b;--accent-purple-3: #b896b4;--accent-purple-4: #e9dfe8;--grey-1: #212121;--grey-2: #333333;--grey-3: #4e4e4e;--grey-4: #6e6e6e;--grey-5: #8f8f8f;--grey-6: #cccccc;--grey-7: #e0e0e0;--grey-8: #f2f2f2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--action-brand-fill: #ff6b6b;--action-brand-surface: #e8e6dc;--action-queryhub-fill: #db4781;--action-queryhub-surface: #fbebf1;--action-properties-fill: #059688;--action-properties-surface: #dcede1;--action-leads-fill: #059688;--action-leads-surface: #dcede1;--action-products-fill: #8a4b70;--action-products-surface: #e9dfe8;--action-issues-fill: #ffbe3c;--action-issues-surface: #fceccb;--action-services-fill: #3aa7ea;--action-services-surface: #def2ff;--action-care-fill: #3aa7ea;--action-care-surface: #def2ff;--action-user-fill: #272b2a;--action-user-surface: #f0eee6}@font-face{font-family:Inter-Black;src:url(/fonts/Inter-Variable.woff2) format("woff2 supports variations"),url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Inter-Bold;src:url(/fonts/Inter-Variable.woff2) format("woff2 supports variations"),url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter-SemiBold;src:url(/fonts/Inter-Variable.woff2) format("woff2 supports variations"),url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter-Medium;src:url(/fonts/Inter-Variable.woff2) format("woff2 supports variations"),url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter-Regular;src:url(/fonts/Inter-Variable.woff2) format("woff2 supports variations"),url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter-Italic;src:url(/fonts/Inter-Variable.woff2) format("woff2 supports variations"),url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter-Light;src:url(/fonts/Inter-Variable.woff2) format("woff2 supports variations"),url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:300;font-style:normal;font-display:swap}.milostoryhero .container{padding-top:64px;padding-bottom:12px}@media (min-width: 1024px){.milostoryhero .container{padding-top:96px;padding-bottom:16px}}.milostoryhero h1{text-align:left}.milostoryhero .milostoryhero-inner{display:grid;grid-template-columns:1fr;gap:12px;align-items:center}@media (min-width: 768px){.milostoryhero .milostoryhero-inner{gap:64px;grid-template-columns:1fr 1fr}}.milostoryhero .milostoryhero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.milostoryhero .milostoryhero-copy .milostoryhero-headline{margin:0;max-width:560px}.milostoryhero .milostoryhero-copy .milostoryhero-headline .headline-phone{display:block}@media (min-width: 768px){.milostoryhero .milostoryhero-copy .milostoryhero-headline .headline-phone{display:none}}.milostoryhero .milostoryhero-copy .milostoryhero-headline .headline-tablet{display:none}@media (min-width: 768px){.milostoryhero .milostoryhero-copy .milostoryhero-headline .headline-tablet{display:block}}.milostoryhero .milostoryhero-copy .milostoryhero-subtext{font-size:18px;color:var(--grey-3);margin:0;max-width:480px;line-height:1.6}.milostoryhero .milostoryhero-dotfield{position:absolute;top:0;right:0;bottom:0;pointer-events:none;width:100%;mask-image:linear-gradient(to bottom,transparent 40%,white 60%);-webkit-mask-image:linear-gradient(to bottom,transparent 40%,white 60%)}@media (min-width: 768px) and (max-width: 1279px){.milostoryhero .milostoryhero-dotfield{width:65%;mask-image:linear-gradient(to right,transparent 0%,white 35%),linear-gradient(to bottom,transparent 0%,white 100px);-webkit-mask-image:linear-gradient(to right,transparent 0%,white 35%),linear-gradient(to bottom,transparent 0%,white 100px);mask-composite:intersect;-webkit-mask-composite:destination-in}}@media (min-width: 1280px){.milostoryhero .milostoryhero-dotfield{width:65%;mask-image:linear-gradient(to right,transparent 0%,white 35%,white calc(100% - 100px),transparent 100%),linear-gradient(to bottom,transparent 0%,white 100px);-webkit-mask-image:linear-gradient(to right,transparent 0%,white 35%,white calc(100% - 100px),transparent 100%),linear-gradient(to bottom,transparent 0%,white 100px);mask-composite:intersect;-webkit-mask-composite:destination-in}}.milostoryhero .milostoryhero-visual{display:none;align-items:center;justify-content:center;order:1}@media (min-width: 768px){.milostoryhero .milostoryhero-visual{display:flex;order:unset}}.milostoryhero .milostoryhero-visual .milostoryhero-image-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:3/2;opacity:0;transform:translateY(20px);animation:milohero-load-in .65s ease .12s forwards}.milostoryhero .milostoryhero-visual .milostoryhero-image-frame img{width:100%;height:100%;object-fit:cover;display:block}@media (prefers-reduced-motion: reduce){.milostoryhero .milostoryhero-visual .milostoryhero-image-frame{animation:none;opacity:1;transform:none}}@keyframes milohero-load-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.miloscenes .container{display:flex;flex-direction:column;padding:0}.miloscenes .miloscenes-rows{display:flex;flex-direction:column;gap:12px;padding:12px}@media (min-width: 768px){.miloscenes .miloscenes-rows{padding:16px}}.miloscenes .miloscenes-rows .miloscenes-row{display:flex;flex-direction:column;gap:12px;position:relative;isolation:isolate}@media (min-width: 768px){.miloscenes .miloscenes-rows .miloscenes-row{gap:16px}}@media (min-width: 768px){.miloscenes .miloscenes-rows .miloscenes-row--double{flex-direction:row;align-items:stretch}}@media (min-width: 768px){.miloscenes .miloscenes-rows .miloscenes-row--single{align-items:center}}@media (min-width: 768px){.miloscenes .miloscenes-rows .miloscenes-row--single .miloscenes-panel{flex:0 0 auto;width:50%;max-width:50%}}.miloscenes .miloscenes-rows .miloscenes-row .miloscenes-panel{flex:0 0 100%;max-width:100%;aspect-ratio:3/2;overflow:hidden;box-sizing:border-box;border:none}@media (min-width: 768px){.miloscenes .miloscenes-rows .miloscenes-row .miloscenes-panel{flex:0 0 calc((100% - 16px)/2);max-width:calc((100% - 16px)/2)}}.miloscenes .miloscenes-rows .miloscenes-row .miloscenes-panel img{width:100%;height:100%;display:block;object-fit:cover}.miloscenes .miloscenes-rows .miloscenes-row .miloscenes-panel .corner-tl,.miloscenes .miloscenes-rows .miloscenes-row .miloscenes-panel .corner-tr,.miloscenes .miloscenes-rows .miloscenes-row .miloscenes-panel .corner-bl,.miloscenes .miloscenes-rows .miloscenes-row .miloscenes-panel .corner-br{z-index:25}
