.brxe-text > * + * { margin-block-start: var(--space-s); }html { scroll-behavior: smooth; scroll-padding-top: 9rem; }body { color: var(--text); background-color: var(--blanc); -webkit-font-smoothing: antialiased; }img, svg { display: block; max-width: 100%; }h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote { margin: 0; }blockquote { padding: 0; border: 0; }figcaption { margin: 0; text-align: inherit; }ul, ol { padding: 0; list-style: none; }mark { background: none; color: inherit; }a { color: inherit; }[hidden] { display: none !important; }.brxe-container { padding-left: var(--gutter); padding-right: var(--gutter); }:focus-visible { outline: 2px solid var(--violet-500); outline-offset: 3px; }::selection { background-color: var(--violet-200); color: var(--nuit-900); }html:lang(fr) { quotes: "« " " »" "“" "”"; }html:lang(de) { quotes: "„" "“" "‚" "‘"; }html:lang(en) { quotes: "“" "”" "‘" "’"; }.review__quote::before { content: open-quote; }.review__quote::after { content: close-quote; }body .accent{ display: inline; font-family: var(--font-accent); font-style: italic; font-weight: 300; letter-spacing: -0.01em; color: var(--violet-700); }body .section--dark .accent, body .dark-panel .accent{ color: var(--violet-300); }body .hero__brand{ color: var(--violet-700); }body .term{ font-style: normal; font-weight: 500; padding: 0.1rem 0.6rem; border-radius: 0.6rem; color: inherit; background: transparent; transition: background-color 0.5s var(--ease-out) 0.5s, color 0.5s var(--ease-out) 0.5s; }body .is-in .term, body .term--lit, .no-motion .term { background-color: var(--violet-50); color: var(--violet-700); }body .is-in .term--rose, body .term--rose.term--lit, .no-motion .term--rose { background-color: var(--rose-200); color: #8a4b4d; }body .section--dark .h--2, body .section--dark .h--3, body .section--dark .h--4,body .dark-panel .h--2, body .dark-panel .h--3, body .dark-panel .h--4,body .benefit--violet .h--4, body .card--violet .h--4{ color: var(--blanc); }body .section--dark .lead, body .dark-panel .lead{ color: var(--nuit-300); }body .status__wait{ grid-area: 1 / 1; transition: opacity 0.4s; }body .status__ready{ grid-area: 1 / 1; opacity: 0; transition: opacity 0.4s; }body .ready__check{ position: relative; flex: none; width: 2.4rem; height: 2.4rem; border-radius: 50%; background-color: var(--violet-700); }body .ready__check::after{ content: ""; position: absolute; left: 0.85rem; top: 0.5rem; width: 0.6rem; height: 1.1rem; border: solid var(--blanc); border-width: 0 2px 2px 0; transform: rotate(45deg); }body .mini__date{ color: var(--heading); font-weight: 500; }body .plan__arrow{ width: 12rem; height: auto; overflow: visible; }body .feature__word{ font-family: var(--font-accent); font-style: italic; font-weight: 300; font-size: var(--text-3xl); line-height: 1; letter-spacing: -0.03em; color: var(--violet-700); }body .feature__tagline{ font-size: var(--text-s); color: var(--text-muted); }body .widget__trait{ position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }body .kpis__value{ font-size: var(--text-xl); font-weight: 300; color: var(--violet-700); }body .slot__date{ color: var(--heading); font-weight: 500; }body .review__name{ color: var(--heading); font-weight: 500; }body .tooth{ display: inline-grid; place-items: center; height: 2.6rem; min-width: 3.6rem; border-radius: var(--radius-pill); font-size: var(--text-xs); font-weight: 600; color: var(--violet-700); background-color: var(--violet-50); }body .plan__jargon{ font-family: ui-monospace, "SF Mono", Menlo, monospace; }@media (max-width: 991px) { body .plan__arrow{ transform: rotate(90deg); width: 8rem; }}@media (max-width: 767px) { body .widget__trait{ display: none; }}body .waveform span{ flex: 1 1 0; min-width: 2px; max-width: 4px; height: 100%; border-radius: 2px; background: var(--violet-500); transform: scaleY(0.12); transform-origin: center; }body .dictation__bar .waveform span, body .waveform--cta span{ background: var(--violet-300); }body .dictation__bar--light .waveform span{ background: var(--violet-500); }body .waveform--widget span{ background: linear-gradient(180deg, var(--violet-500), var(--violet-700)); }body .laptop--dark .laptop__screen{ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 4rem 10rem -3rem rgba(0, 0, 0, 0.6), 0 0 12rem -2rem rgba(152, 131, 246, 0.45); }body .laptop--dark .laptop__base{ background: linear-gradient(180deg, #8d8ea8, #5c5e7a); }body .phone--crop .phone__screen, body .cta__phone .phone__screen{ font-size: var(--text-xs); color: var(--text); }body .quote-list__item--total .quote-list__price{ color: var(--violet-700); }body .quote-list--compact .quote-list__item{ grid-template-columns: 3.6rem 1fr auto; gap: 0.8rem; font-size: var(--text-xs); }body .status--live.is-in{ background-color: var(--violet-700); color: var(--blanc); }body .status--live.is-in .status__wait{ opacity: 0; }body .status--live.is-in .status__ready{ opacity: 1; }body .rec-dot{ animation: cc-pulse 1.6s ease-in-out infinite; }@keyframes cc-pulse { 50% { box-shadow: 0 0 0 0.8rem rgba(224, 102, 107, 0); } }body .pain__icon{ width: 2.6rem; height: 2.6rem; background-color: var(--violet-700); -webkit-mask: var(--pain-icon) center / contain no-repeat; mask: var(--pain-icon) center / contain no-repeat; }body .pain__icon--personne{ --pain-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); }body .pain__icon--cycle{ --pain-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E"); }body .pain__icon--balance{ --pain-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'/%3E%3Cpath d='m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'/%3E%3C/svg%3E"); }body .card--violet .pain__title, body .card--violet .pain__conclusion{ color: var(--blanc); }body .card--violet .pain__text{ color: var(--violet-100); }body .card--violet .pain__text{ border-top-color: rgba(255, 255, 255, 0.2); }body .how__step.is-active .how__body{ opacity: 1; }body .how__step.is-active .how__num{ background-color: var(--violet-300); color: var(--nuit-900); box-shadow: 0 0 0 0.6rem #45436e; }body .how__panel.is-active{ opacity: 1; visibility: visible; transform: none; }@media (min-width: 992px) { .js body .how.how{ box-sizing: border-box; min-height: 80vh; justify-content: center; padding-top: clamp(1.6rem, 2.4vh, 4.8rem); padding-bottom: clamp(1.6rem, 2.4vh, 4.8rem); } .js body .how .section-head.section-head{ margin-bottom: clamp(2.4rem, 12vh - 6.2rem, 6.4rem); } .js body .how .how__steps.how__steps{ gap: clamp(1.2rem, 6vh - 3.2rem, 3.2rem); }}body .dark-panel__eyebrow{ grid-column: 1 / -1; }@media (max-width: 767px) { body .hero__laptop{ display: none; }}body .split-head > .pill{ grid-column: 1 / -1; }body .split-head.split-head{ row-gap: var(--space-m); }body #plan .split-head.split-head{ align-items: start; }body .vision__head > .pill{ justify-self: center; align-self: center; }@media (min-width: 992px) and (max-height: 780px) { .js body .how .pill{ display: none; }}body .section--dark .pill{ color: var(--blanc); background-color: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); }@media (max-width: 991px) { .js .how .how__layout{ display: flex; flex-direction: column; gap: var(--space-xl); } .js .how .how__laptop{ order: -1; align-self: center; width: 100%; max-width: 64rem; } .js .how .how__step{ cursor: default; transition: opacity 0.3s var(--ease-out); } .js .how .how__body{ align-content: start; } .js .how .how__steps::before{ display: none; } .js .how .how__step.is-past{ opacity: 0; }}@media (max-width: 991px) and (min-height: 640px) { .js .how .how__laptop{ position: sticky; top: 8rem; z-index: 2; } .js .how .how__step{ min-height: 30svh; } .js .how .how__step:last-child{ min-height: 0; }}body .check-list--light .check-list__item::before{ border-top-color: var(--violet-200); }body .plan__toggle-btn.is-active{ background-color: var(--violet-700); color: var(--blanc); }body .plan__arrow path{ fill: none; stroke: var(--violet-500); stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 160; stroke-dashoffset: 160; transition: stroke-dashoffset 1.2s var(--ease-out); }body .is-pro .plan__phone{ opacity: 0.75; }body .is-patient .plan__laptop{ opacity: 0.45; filter: saturate(0.6); transform: scale(0.97); }body .is-patient .plan__phone{ transform: translateY(-1rem); }body .is-patient .plan__patient{ opacity: 1; filter: none; }body .is-patient .plan__skeleton{ opacity: 0; }body .is-patient .plan__arrow path{ stroke-dashoffset: 0; }@media (max-width: 767px) { body .plan__demo .plan__devices.plan__devices{ grid-template-columns: auto minmax(0, 1fr); gap: 1.2rem; } body .plan__demo.is-pro .plan__phone, body .plan__demo.is-pro .plan__arrow, body .plan__demo.is-patient .plan__laptop{ display: none; } body .plan__demo.is-pro .plan__laptop{ grid-column: 1 / -1; width: 100%; } body .plan__demo .plan__phone.plan__phone{ width: 100%; max-width: 30rem; opacity: 1; transform: none; animation: cc-plan-in 0.5s var(--ease-out); } body .plan__demo .plan__arrow{ width: 4.8rem; transform: none; }}@keyframes cc-plan-in { from { opacity: 0; transform: translateY(1rem); } }body .tabs__tab[aria-selected="true"]{ background-color: var(--violet-700); color: var(--blanc); }body .tabs__list::-webkit-scrollbar{ display: none; }body .widget__trait path{ fill: none; stroke: var(--violet-500); stroke-width: 1.5; stroke-linecap: round; vector-effect: non-scaling-stroke; }body .marquee.is-running .marquee__track{ animation: cc-marquee var(--marquee-duration, 60s) linear infinite; }body .marquee--reverse.is-running .marquee__track{ animation-direction: reverse; }body .marquee:hover .marquee__track, body .marquee:focus-within .marquee__track{ animation-play-state: paused; }@keyframes cc-marquee { to { transform: translateX(calc(-50% - var(--space-m) / 2)); } }body .review--patient .review__tag{ background-color: var(--violet-200); color: var(--violet-900); }body .site-header.is-scrolled{ padding-top: 1.2rem; padding-bottom: 1.2rem; }body .site-header.is-scrolled .site-header__inner{ max-width: min(116rem, calc(100% - 2.4rem)); padding: 0.8rem 0.8rem 0.8rem 2.4rem; background-color: rgba(255, 255, 255, 0.78); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4); box-shadow: 0 1.2rem 3.2rem -1.6rem rgba(38, 43, 72, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.9); }body .site-header.is-scrolled .site-header__logo-img{ height: 3.6rem; }body .site-header.is-open .site-nav{ display: flex; }body .site-header.is-open .site-header__burger-line:nth-child(2){ top: 2.15rem; transform: rotate(45deg); }body .site-header.is-open .site-header__burger-line:nth-child(3){ top: 2.15rem; transform: rotate(-45deg); }@media (max-width: 767px) { body .site-header.is-scrolled .site-header__inner{ padding-left: 1.6rem; }}body .site-footer__credit a{ color: var(--violet-700); text-decoration: none; transition: color 0.2s; }body .site-footer__credit a:hover{ color: var(--violet-900); }.js [data-reveal] { opacity: 0; transform: translateY(2.4rem); }.js [data-reveal].is-visible { opacity: 1; transform: none; transition: opacity 0.9s var(--ease-out), transform 0.9s var(--ease-out); }.js .hero [data-step]:not(.status) { opacity: 0; transform: translateY(0.8rem); }.js .hero [data-step].is-in { opacity: 1; transform: none; transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out); }.js [data-wstep] { opacity: 0; transform: translateY(0.8rem); }.js [data-wstep].is-in { opacity: 1; transform: none; transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out); }.no-motion [data-reveal], .no-motion .hero [data-step], .no-motion [data-wstep] { opacity: 1 !important; transform: none !important; }@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}body.bricks-is-frontend .contact__card .contact__form{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-m) var(--space-s); width: 100%; margin: 0; }body.bricks-is-frontend .contact__card .contact__form > *{ grid-column: 1 / -1; }body.bricks-is-frontend .contact__card .contact__form > .form-group:nth-child(-n+4){ grid-column: auto; }body.bricks-is-frontend .contact__card .contact__form .form-group{ display: grid; gap: 0.8rem; width: 100%; margin: 0; padding: 0; }body.bricks-is-frontend .contact__card .contact__form label{ margin: 0; font-size: var(--text-s); font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--heading); }body.bricks-is-frontend .contact__card .contact__form .contact__input{ width: 100%; height: 5.2rem; padding: 0 1.6rem; border: 0; border-radius: 1.2rem; background-color: var(--blanc); box-shadow: inset 0 0 0 1px var(--line); font-family: inherit; font-size: var(--text-m); color: var(--text); transition: box-shadow 0.2s; }body.bricks-is-frontend .contact__card .contact__form .contact__input::placeholder{ color: var(--text-muted); opacity: 0.6; }body.bricks-is-frontend .contact__card .contact__form .contact__input:focus{ outline: none; box-shadow: inset 0 0 0 1.5px var(--violet-500), 0 0 0 0.4rem rgba(152, 131, 246, 0.18); }body.bricks-is-frontend .contact__card .contact__form .submit-button-wrapper{ margin-top: var(--space-xs); }body.bricks-is-frontend .contact__card .contact__form .contact__submit{ display: inline-flex; align-items: center; justify-content: center; gap: 0.8rem; width: 100%; padding: 1.6rem 2.8rem; border: 0; border-radius: var(--radius-pill); background-color: var(--btn-bg); color: var(--blanc); font-family: inherit; font-size: var(--text-m); font-weight: 500; line-height: 1.55; box-shadow: 0 1rem 2.4rem -1rem rgba(107, 91, 186, 0.7); cursor: pointer; transition: background-color 0.25s var(--ease-out), transform 0.25s var(--ease-out); }body.bricks-is-frontend .contact__card .contact__form .contact__submit:hover{ background-color: var(--btn-bg-hover); transform: translateY(-1px); }body.bricks-is-frontend .contact__card .contact__form .brf-validation-message{ margin: 0; font-size: var(--text-xs); color: #b4434b; }body .contact__note{ margin-top: var(--space-s); }body .contact__note a{ color: var(--violet-700); text-decoration: none; }body .contact__note a:hover{ color: var(--violet-900); }@media (max-width: 767px) { body .contact__card.contact__card{ padding-top: var(--space-xl); } body.bricks-is-frontend .contact__card .contact__form{ grid-template-columns: 1fr; } body.bricks-is-frontend .contact__card .contact__form > .form-group:nth-child(-n+4){ grid-column: 1 / -1; }}