:root {
--ink: #241A22;
--gold: #C8A165;
--line: #E6DCCD;
--plum: #3A2434;
--sage: #6E7A52;
--sand: #F1EAE0;
--text: #2A2126;
--cream: #F7F3EC;
--faint: #8A7F76;
--muted: #5E534B;
--paper: #FFFDF9;
--terra: #C1633B;
--gutter: 32px;
--nvs-ok: #3f7d58;
--plum-2: #4E3145;
--plum-3: #6B4760;
--nvs-ink: #2b2622;
--on-dark: #F7F3EC;
--ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
--nvs-card: #ffffff;
--nvs-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--nvs-line: #e6dfd5;
--nvs-rail: #2b2622;
--nvs-warn: #9a6a17;
--container: 1240px;
--font-body: "Work Sans", -apple-system, "Segoe UI", sans-serif;
--gold-soft: rgba(200, 161, 101, 0.45);
--nvs-focus: 0 0 0 3px rgba(140, 109, 79, 0.35);
--nvs-paper: #fbf8f4;
--nvs-stage: #efeae3;
--nvt-h1-lh: var(--nv-line-height-heading-hero);
--nvt-h1-ls: var(--nv-letter-spacing-heading-hero);
--nvt-h2-lh: var(--nv-line-height-heading);
--nvt-h2-ls: var(--nv-letter-spacing-heading);
--nvt-h3-lh: var(--nv-line-height-heading);
--nvt-h3-ls: var(--nv-letter-spacing-heading);
--radius-lg: 22px;
--radius-md: 14px;
--radius-sm: 8px;
--radius-xl: 32px;
--sage-dark: #566040;
--sage-soft: #C9D0B4;
--color-dark: #241A22;
--color-text: #24201D;
--nv-page-bg: #F6F1EA;
--nv-space-1: 8px;
--nv-space-2: 12px;
--nv-space-3: 16px;
--nv-space-4: 20px;
--nv-space-5: 28px;
--nv-space-6: 36px;
--nv-space-7: 48px;
--nvs-accent: #8c6d4f;
--nvs-danger: #a4372d;
--nvs-radius: 12px;
--nvs-shadow: 0 1px 2px rgba(43, 38, 34, 0.06), 0 8px 24px rgba(43, 38, 34, 0.08);
--nvw-gap-lg: 28px;
--nvw-gap-md: 20px;
--nvw-gap-sm: 16px;
--nvw-gap-xl: 36px;
--nvw-gap-xs: 12px;
--ps-space-1: 8px;
--ps-space-2: 12px;
--ps-space-3: 16px;
--ps-space-4: 20px;
--ps-space-5: 24px;
--ps-space-6: 32px;
--ps-space-7: 40px;
--ps-space-8: 56px;
--ps-text-sm: 14px;
--ps-text-xs: 12px;
--terra-dark: #A24F2E;
--terra-soft: #F0C9B4;
--ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
--line-strong: #D6C8B5;
--nv-color-bg: #F3ECE2;
--nv-input-bg: #FFFDF9;
--nv-panel-bg: rgba(255, 253, 249, 0.86);
--nv-shell-bg: #F6F1EA;
--nvt-body-lh: var(--nv-line-height-body);
--nvt-body-ls: var(--nv-body-letter-spacing);
--nvt-h1-font: var(--nv-heading-font-family);
--nvt-h2-font: var(--nv-heading2-font-family);
--nvt-h3-font: var(--nv-heading3-font-family);
--nvt-lead-lh: var(--nv-line-height-body-lead);
--nvt-lead-ls: var(--nvt-body-ls);
--nvw-card-bg: #fffdf9;
--nvw-gap-xxl: 48px;
--nvw-page-bg: transparent;
--ps-color-bg: #F6F1EA;
--ps-title-lg: 38px;
--ps-title-md: 28px;
--ps-title-sm: 22px;
--ps-title-xl: 54px;
--shadow-lift: 0 2px 4px rgba(36, 26, 34, 0.05), 0 32px 64px -28px rgba(36, 26, 34, 0.38);
--shadow-soft: 0 1px 2px rgba(36, 26, 34, 0.04), 0 12px 32px -16px rgba(36, 26, 34, 0.18);
--color-border: #EDE5D9;
--color-dark-2: #3A2434;
--font-heading: "Newsreader", Georgia, serif;
--nv-choice-bg: #FFFDF9;
--nv-font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
--nv-max-width: 1340px;
--nv-page-text: #2B2230;
--nv-radius-lg: 22px;
--nv-radius-md: 16px;
--nv-radius-sm: 12px;
--nv-radius-xl: 30px;
--nvs-ink-soft: #5b534c;
--nvs-rail-ink: #e9e2d7;
--nvt-h1-color: var(--nv-heading-color);
--nvt-h1-style: var(--nv-heading-font-style);
--nvt-h2-color: var(--nv-heading2-color);
--nvt-h2-style: var(--nv-heading2-font-style);
--nvt-h3-color: var(--nv-heading3-color);
--nvt-h3-style: var(--nv-heading3-font-style);
--nvt-label-lh: var(--nv-label-line-height);
--nvt-label-ls: var(--nv-label-letter-spacing);
--nvt-price-lh: var(--nv-line-height-price);
--nvt-price-ls: var(--nv-letter-spacing-heading);
--nvt-small-lh: var(--nv-line-height-body-small);
--nvt-small-ls: var(--nvt-body-ls);
--ps-font-body: "Inter", sans-serif;
--ps-max-width: 1240px;
--ps-radius-lg: 28px;
--ps-radius-md: 20px;
--ps-radius-sm: 14px;
--ps-radius-xl: 36px;
--ps-radius-xs: 10px;
--ps-text-base: 16px;
--radius-large: 14px;
--radius-small: 6px;
--color-primary: #C1633B;
--color-surface: #FFFFFF;
--nv-body-color: #6F6470;
--nv-color-line: #ECE4D9;
--nv-color-text: #2B2230;
--nv-shell-blue: #241A22;
--nv-shell-card: #fffdf9;
--nv-shell-gold: #B4623D;
--nv-shell-line: #D9CBB9;
--nv-shell-text: #2B2230;
--nv-tooltip-bg: #241A22;
--nvs-ink-muted: #7a7068;
--nvs-radius-sm: 8px;
--nvs-warn-soft: #fbf1dc;
--nvt-body-font: var(--nv-body-font-family);
--nvt-button-lh: var(--nv-line-height-button, 1.3);
--nvt-button-ls: var(--nv-letter-spacing-button, normal);
--nvt-h1-size-d: var(--nv-font-size-heading-hero-desktop);
--nvt-h1-size-m: var(--nv-font-size-heading-hero-mobile);
--nvt-h1-weight: var(--nv-heading-font-weight);
--nvt-h2-size-d: var(--nv-font-size-heading2-desktop);
--nvt-h2-size-m: var(--nv-font-size-heading2-mobile);
--nvt-h2-weight: var(--nv-heading2-font-weight);
--nvt-h3-size-d: var(--nv-font-size-heading3-desktop);
--nvt-h3-size-m: var(--nv-font-size-heading3-mobile);
--nvt-h3-weight: var(--nv-heading3-font-weight);
--nvt-lead-font: var(--nvt-body-font);
--nvw-max-width: 1080px;
--nvw-widget-bg: #fffdf9;
--on-dark-muted: #CDBFC6;
--ps-color-text: #2B2230;
--radius-medium: 10px;
--nv-color-muted: #6F6470;
--nv-label-color: #B4623D;
--nv-page-border: #E3D8CA;
--nv-page-shadow: 0 10px 24px rgba(36, 26, 34, 0.05);
--nv-price-color: #241A22;
--nv-radius-pill: 999px;
--nv-shadow-card: 0 10px 24px rgba(36, 26, 34, 0.05);
--nv-shadow-soft: 0 22px 60px rgba(36, 26, 34, 0.08);
--nv-shell-muted: #6F6470;
--nvt-body-color: var(--nv-body-color);
--nvt-body-style: var(--nv-body-font-style);
--nvt-label-font: var(--nv-label-font-family);
--nvt-lead-color: var(--nv-color-muted);
--nvt-lead-style: var(--nvt-body-style);
--nvt-price-font: var(--nv-price-font-family);
--nvt-small-font: var(--nvt-body-font);
--nvw-body-color: #6F6470;
--ps-color-muted: #6F6470;
--ps-section-gap: 32px;
--ps-shadow-card: 0 20px 44px rgba(36, 26, 34, 0.08);
--ps-shadow-soft: 0 10px 24px rgba(36, 26, 34, 0.05);
--color-secondary: #6E7A52;
--container-width: 1280px;
--nv-color-border: #E3D8CA;
--nv-font-heading: "Cormorant Garamond", Georgia, serif;
--nv-input-height: 48px;
--nv-input-radius: 0px;
--nv-input-shadow: inset 0 1px 1px rgba(36, 26, 34, 0.03);
--nv-panel-radius: 24px;
--nv-panel-shadow: var(--nv-page-shadow);
--nv-shell-bar-bg: rgba(255, 253, 249, 0.86);
--nv-shell-danger: #8c3b2f;
--nv-shell-shadow: 0 18px 42px rgba(36, 26, 34, 0.08);
--nvs-accent-soft: #f2e9df;
--nvs-danger-soft: #fbe7e4;
--nvs-line-strong: #d6cdc0;
--nvt-body-size-d: var(--nv-font-size-body-desktop);
--nvt-body-size-m: var(--nv-font-size-body-mobile);
--nvt-body-weight: var(--nv-body-font-weight);
--nvt-button-font: var(--nv-button-font-family, var(--nvt-body-font));
--nvt-label-color: var(--nv-label-color);
--nvt-label-style: var(--nv-label-font-style);
--nvt-lead-size-d: var(--nv-font-size-body-lead-desktop);
--nvt-lead-size-m: var(--nv-font-size-body-lead-mobile);
--nvt-lead-weight: var(--nvt-body-weight);
--nvt-legal-h1-lh: var(--nvt-h1-lh);
--nvt-legal-h1-ls: var(--nvt-h1-ls);
--nvt-legal-h2-lh: 1.2;
--nvt-legal-h2-ls: normal;
--nvt-legal-h3-lh: 1.2;
--nvt-legal-h3-ls: normal;
--nvt-price-color: var(--nv-price-color);
--nvt-price-style: var(--nv-price-font-style);
--nvt-shell-h1-lh: var(--nvt-h1-lh);
--nvt-shell-h1-ls: var(--nvt-h1-ls);
--nvt-shell-h2-lh: 1.2;
--nvt-shell-h2-ls: normal;
--nvt-shell-h3-lh: 1.2;
--nvt-shell-h3-ls: normal;
--nvt-small-color: var(--nv-color-muted);
--nvt-small-style: var(--nvt-body-style);
--nvw-card-radius: 22px;
--nvw-card-shadow: none;
--nvw-label-color: #B4623D;
--ps-card-padding: 24px;
--ps-color-accent: #C8A165;
--ps-color-border: rgba(98, 72, 88, 0.18);
--ps-font-heading: "Cormorant Garamond", Georgia, serif;
--color-background: #F7F3EC;
--color-text-faint: #6B6259;
--color-text-muted: #54493F;
--nv-choice-radius: 14px;
--nv-choice-shadow: none;
--nv-color-primary: #B4623D;
--nv-color-surface: #fffdf9;
--nv-heading-color: #241A22;
--nv-panel-padding: 28px;
--nv-product-color: var(--nv-widget-product-title-color);
--nv-shell-menu-bg: #FFFDF9;
--nv-shell-success: #1f6b50;
--nvt-button-style: var(--nv-button-font-style, normal);
--nvt-h1-transform: var(--nv-heading-text-transform);
--nvt-h2-transform: var(--nv-heading2-text-transform);
--nvt-h3-transform: var(--nv-heading3-text-transform);
--nvt-label-size-d: var(--nv-font-size-label-desktop);
--nvt-label-size-m: var(--nv-font-size-label-mobile);
--nvt-label-weight: var(--nv-label-font-weight);
--nvt-price-size-d: var(--nv-price-size-desktop);
--nvt-price-size-m: var(--nv-price-size-mobile);
--nvt-price-weight: var(--nv-price-font-weight);
--nvt-small-size-d: var(--nv-font-size-body-small-desktop);
--nvt-small-size-m: var(--nv-font-size-body-small-mobile);
--nvt-small-weight: var(--nvt-body-weight);
--nvt-widget-h2-lh: 1.2;
--nvt-widget-h2-ls: normal;
--nvt-widget-h3-lh: 1.2;
--nvt-widget-h3-ls: normal;
--nvw-soft-card-bg: #F8F2EA;
--ps-button-radius: 999px;
--ps-color-heading: #241A22;
--ps-color-primary: #241A22;
--ps-color-surface: #fffdf9;
--color-surface-alt: #F1EAE0;
--nv-action-card-bg: #EFE7DD;
--nv-heading2-color: #241A22;
--nv-heading3-color: #3A2434;
--nv-shell-modal-bg: #fffdf9;
--nv-tooltip-radius: 12px;
--nv-tooltip-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
--nvt-button-size-d: var(--nv-font-size-button-desktop, 15px);
--nvt-button-size-m: var(--nv-font-size-button-mobile, 14px);
--nvt-button-weight: var(--nv-button-font-weight, 700);
--nvt-h1-decoration: var(--nv-heading-text-decoration);
--nvt-h2-decoration: var(--nv-heading2-text-decoration);
--nvt-h3-decoration: var(--nv-heading3-text-decoration);
--nvt-legal-body-lh: var(--nvt-body-lh);
--nvt-legal-body-ls: var(--nvt-body-ls);
--nvt-legal-h1-font: var(--nvt-h1-font);
--nvt-legal-h2-font: var(--nvt-h2-font);
--nvt-legal-h3-font: var(--nvt-h3-font);
--nvt-legal-lead-lh: var(--nvt-lead-lh);
--nvt-legal-lead-ls: var(--nvt-lead-ls);
--nvt-shell-body-lh: var(--nvt-body-lh);
--nvt-shell-body-ls: var(--nvt-body-ls);
--nvt-shell-h1-font: var(--nvt-h1-font);
--nvt-shell-h2-font: var(--nvt-h2-font);
--nvt-shell-h3-font: var(--nvt-h3-font);
--nvt-shell-lead-lh: var(--nvt-lead-lh);
--nvt-shell-lead-ls: var(--nvt-lead-ls);
--nvw-button-height: 52px;
--nvw-button-radius: 999px;
--nvw-button-shadow: none;
--nvw-divider-color: #E3D8CA;
--nvw-heading-color: #241A22;
--nvw-widget-radius: 28px;
--nvw-widget-shadow: 0 18px 40px rgba(36, 26, 34, 0.10);
--ps-color-badge-bg: rgba(180, 98, 61, 0.14);
--color-primary-dark: #A24F2E;
--nv-action-index-bg: #ffffff;
--nv-body-font-style: normal;
--nv-button-set-1-bg: #3A2434;
--nv-button-set-2-bg: #FFFDF9;
--nv-choice-hover-bg: #FBF7F1;
--nv-color-secondary: #2B2230;
--nv-input-padding-x: 14px;
--nv-page-text-muted: #6F6470;
--nv-shell-blue-soft: #F3EDF1;
--nv-shell-gold-dark: #8E4A2C;
--nv-shell-line-soft: rgba(98, 72, 88, 0.14);
--nv-shell-menu-text: #3A2434;
--nv-shell-radius-lg: 20px;
--nv-shell-radius-md: 14px;
--nv-shell-radius-xl: 28px;
--nvt-body-transform: var(--nv-body-text-transform);
--nvt-lead-transform: var(--nvt-body-transform);
--nvt-legal-h1-color: var(--nvt-h1-color);
--nvt-legal-h1-style: var(--nvt-h1-style);
--nvt-legal-h2-color: var(--nvt-h2-color);
--nvt-legal-h2-style: var(--nvt-h2-style);
--nvt-legal-h3-color: var(--nvt-h3-color);
--nvt-legal-h3-style: var(--nvt-h3-style);
--nvt-legal-label-lh: var(--nvt-label-lh);
--nvt-legal-label-ls: var(--nvt-label-ls);
--nvt-legal-small-lh: var(--nvt-small-lh);
--nvt-legal-small-ls: var(--nvt-small-ls);
--nvt-shell-h1-color: var(--nvt-h1-color);
--nvt-shell-h1-style: var(--nvt-h1-style);
--nvt-shell-h2-color: var(--nvt-h2-color);
--nvt-shell-h2-style: var(--nvt-h2-style);
--nvt-shell-h3-color: var(--nvt-h3-color);
--nvt-shell-h3-style: var(--nvt-h3-style);
--nvt-shell-label-lh: var(--nvt-label-lh);
--nvt-shell-label-ls: var(--nvt-label-ls);
--nvt-shell-price-lh: var(--nvt-price-lh);
--nvt-shell-price-ls: var(--nvt-price-ls);
--nvt-shell-small-lh: var(--nvt-small-lh);
--nvt-shell-small-ls: var(--nvt-small-ls);
--nvw-page-padding-x: 20px;
--ps-color-surface-2: #F4EDE4;
--color-border-strong: #D9CFC3;
--nv-body-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
--nv-body-font-weight: 400;
--nv-body-line-height: var(--nv-line-height-body, 1.72);
--nv-body-size-mobile: 14px;
--nv-body-small-color: var(--nv-page-text-muted);
--nv-choice-padding-x: 16px;
--nv-choice-padding-y: 14px;
--nv-input-focus-ring: 0 0 0 3px rgba(180, 98, 61, 0.14);
--nv-input-text-color: var(--nv-page-text);
--nv-label-font-style: normal;
--nv-line-height-body: 1.52;
--nv-price-font-style: normal;
--nv-shell-bar-radius: 22px;
--nv-shell-bar-shadow: var(--nv-page-shadow);
--nvt-body-decoration: var(--nv-body-text-decoration);
--nvt-label-transform: var(--nv-label-text-transform);
--nvt-lead-decoration: var(--nvt-body-decoration);
--nvt-legal-body-font: var(--nvt-body-font);
--nvt-legal-h1-size-d: var(--nvt-h1-size-d);
--nvt-legal-h1-size-m: var(--nvt-h1-size-m);
--nvt-legal-h1-weight: var(--nvt-h1-weight);
--nvt-legal-h2-size-d: var(--nvt-h2-size-d);
--nvt-legal-h2-size-m: var(--nvt-h2-size-m);
--nvt-legal-h2-weight: var(--nvt-h2-weight);
--nvt-legal-h3-size-d: var(--nvt-h3-size-d);
--nvt-legal-h3-size-m: var(--nvt-h3-size-m);
--nvt-legal-h3-weight: var(--nvt-h3-weight);
--nvt-legal-lead-font: var(--nvt-lead-font);
--nvt-price-transform: none;
--nvt-shell-body-font: var(--nvt-body-font);
--nvt-shell-button-lh: var(--nvt-button-lh);
--nvt-shell-button-ls: var(--nvt-button-ls);
--nvt-shell-h1-size-d: var(--nvt-h1-size-d);
--nvt-shell-h1-size-m: var(--nvt-h1-size-m);
--nvt-shell-h1-weight: var(--nvt-h1-weight);
--nvt-shell-h2-size-d: var(--nvt-h2-size-d);
--nvt-shell-h2-size-m: var(--nvt-h2-size-m);
--nvt-shell-h2-weight: var(--nvt-h2-weight);
--nvt-shell-h3-size-d: var(--nvt-h3-size-d);
--nvt-shell-h3-size-m: var(--nvt-h3-size-m);
--nvt-shell-h3-weight: var(--nvt-h3-weight);
--nvt-shell-lead-font: var(--nvt-lead-font);
--nvt-small-transform: var(--nvt-body-transform);
--ps-color-badge-text: #8E4A2C;
--ps-header-padding-y: 18px;
--dl-layout-size-large: 144px;
--dl-layout-size-small: 48px;
--dl-layout-space-unit: 16px;
--nv-action-index-size: 36px;
--nv-body-size-desktop: 15px;
--nv-button-font-style: normal;
--nv-button-primary-bg: #3A2434;
--nv-button-set-1-text: #FFFDF9;
--nv-button-set-2-text: #3A2434;
--nv-choice-text-color: var(--nv-page-text);
--nv-color-surface-alt: #F6F1EA;
--nv-input-font-family: var(--nv-body-font-family);
--nv-label-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
--nv-label-font-weight: 600;
--nv-label-line-height: 1.4;
--nv-label-size-mobile: 13px;
--nv-line-height-label: 1.4;
--nv-line-height-price: 1;
--nv-price-font-family: "Cormorant Garamond", Georgia, serif;
--nv-price-font-weight: 700;
--nv-price-size-mobile: 30px;
--nv-shell-card-strong: #FFFAF4;
--nv-shell-menu-border: #E3D8CA;
--nv-shell-modal-width: 560px;
--nv-tooltip-padding-x: 12px;
--nv-tooltip-padding-y: 10px;
--nvt-button-transform: var(--nv-button-text-transform, none);
--nvt-label-decoration: var(--nv-label-text-decoration);
--nvt-legal-body-color: var(--nvt-body-color);
--nvt-legal-body-style: var(--nvt-body-style);
--nvt-legal-label-font: var(--nvt-label-font);
--nvt-legal-lead-color: var(--nvt-lead-color);
--nvt-legal-lead-style: var(--nvt-lead-style);
--nvt-legal-small-font: var(--nvt-small-font);
--nvt-price-decoration: var(--nv-price-text-decoration);
--nvt-shell-body-color: var(--nvt-body-color);
--nvt-shell-body-style: var(--nvt-body-style);
--nvt-shell-label-font: var(--nvt-label-font);
--nvt-shell-lead-color: var(--nvt-lead-color);
--nvt-shell-lead-style: var(--nvt-lead-style);
--nvt-shell-price-font: var(--nvt-price-font);
--nvt-shell-small-font: var(--nvt-small-font);
--nvt-small-decoration: var(--nvt-body-decoration);
--nvw-body-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
--nvw-body-line-height: 1.7;
--nvw-body-size-mobile: 14px;
--nvw-body-small-color: #6F6470;
--nvw-button-padding-x: 24px;
--nvw-soft-card-radius: 22px;
--dl-layout-size-medium: 96px;
--dl-layout-size-xlarge: 192px;
--dl-layout-size-xsmall: 16px;
--nv-action-card-radius: 4px;
--nv-action-card-shadow: none;
--nv-action-index-color: #B4623D;
--nv-action-title-color: var(--nv-page-text);
--nv-button-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
--nv-button-font-weight: 700;
--nv-heading-font-style: normal;
--nv-input-border-color: #D5C7B5;
--nv-label-size-desktop: 15px;
--nv-line-height-button: 1.4;
--nv-panel-border-color: var(--nv-page-border);
--nv-panel-border-width: 1px;
--nv-price-size-desktop: 40px;
--nv-product-font-style: var(--nv-widget-product-title-font-style);
--nv-radio-control-size: 18px;
--nv-shell-modal-radius: 22px;
--nv-shell-modal-shadow: var(--nv-shell-shadow);
--nv-tooltip-text-color: #ffffff;
--nv-tooltip-trigger-bg: #ffffff;
--nvt-button-decoration: var(--nv-button-text-decoration, none);
--nvt-legal-body-size-d: var(--nvt-body-size-d);
--nvt-legal-body-size-m: var(--nvt-body-size-m);
--nvt-legal-body-weight: var(--nvt-body-weight);
--nvt-legal-label-color: var(--nvt-label-color);
--nvt-legal-label-style: var(--nvt-label-style);
--nvt-legal-lead-size-d: var(--nvt-lead-size-d);
--nvt-legal-lead-size-m: var(--nvt-lead-size-m);
--nvt-legal-lead-weight: var(--nvt-lead-weight);
--nvt-legal-small-color: var(--nvt-small-color);
--nvt-legal-small-style: var(--nvt-small-style);
--nvt-shell-body-size-d: var(--nvt-body-size-d);
--nvt-shell-body-size-m: var(--nvt-body-size-m);
--nvt-shell-body-weight: var(--nvt-body-weight);
--nvt-shell-button-font: var(--nvt-button-font);
--nvt-shell-label-color: var(--nvt-label-color);
--nvt-shell-label-style: var(--nvt-label-style);
--nvt-shell-lead-size-d: var(--nvt-lead-size-d);
--nvt-shell-lead-size-m: var(--nvt-lead-size-m);
--nvt-shell-lead-weight: var(--nvt-lead-weight);
--nvt-shell-price-color: var(--nvt-price-color);
--nvt-shell-price-style: var(--nvt-price-style);
--nvt-shell-small-color: var(--nvt-small-color);
--nvt-shell-small-style: var(--nvt-small-style);
--nvw-body-size-desktop: 16px;
--nvw-button-primary-bg: #3A2434;
--nvw-card-border-color: #E3D8CA;
--nvw-card-border-width: 1px;
--nvw-label-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
--nvw-label-font-weight: 600;
--nvw-label-line-height: 1.3;
--nvw-label-size-mobile: 13px;
--dl-color-theme-accent1: #FFFFFF;
--dl-color-theme-accent2: #F5D1B0;
--dl-layout-radius-round: 50%;
--dl-layout-size-xxlarge: 288px;
--nv-action-chevron-size: 22px;
--nv-action-index-radius: 999px;
--nv-body-text-transform: none;
--nv-button-secondary-bg: #ffffff;
--nv-button-set-1-radius: var(--nv-radius-pill);
--nv-button-set-2-radius: var(--nv-radius-pill);
--nv-cart-promo-panel-bg: var(--nv-color-surface);
--nv-choice-border-color: #E3D8CA;
--nv-choice-border-width: 1px;
--nv-heading-font-family: "Cormorant Garamond", Georgia, serif;
--nv-heading-font-weight: 600;
--nv-heading2-font-style: normal;
--nv-heading3-font-style: normal;
--nv-letter-spacing-none: 0;
--nv-line-height-heading: 1.2;
--nv-price-compare-color: #9A8E95;
--nv-product-font-family: var(--nv-widget-product-title-font-family);
--nv-product-font-weight: var(--nv-widget-product-title-font-weight);
--nv-product-line-height: var(--nv-widget-product-title-line-height, 1.15);
--nv-product-size-mobile: var(--nv-widget-product-title-size-mobile);
--nv-shell-bar-padding-x: 22px;
--nv-shell-bar-padding-y: 18px;
--nv-shell-gift-panel-bg: #F8F2EA;
--nv-shell-modal-padding: 3rem;
--nvt-legal-h1-transform: var(--nvt-h1-transform);
--nvt-legal-h2-transform: var(--nvt-h2-transform);
--nvt-legal-h3-transform: var(--nvt-h3-transform);
--nvt-legal-label-size-d: var(--nvt-label-size-d);
--nvt-legal-label-size-m: var(--nvt-label-size-m);
--nvt-legal-label-weight: var(--nvt-label-weight);
--nvt-legal-small-size-d: var(--nvt-small-size-d);
--nvt-legal-small-size-m: var(--nvt-small-size-m);
--nvt-legal-small-weight: var(--nvt-small-weight);
--nvt-shell-button-style: var(--nvt-button-style);
--nvt-shell-h1-transform: var(--nvt-h1-transform);
--nvt-shell-h2-transform: var(--nvt-h2-transform);
--nvt-shell-h3-transform: var(--nvt-h3-transform);
--nvt-shell-label-size-d: var(--nvt-label-size-d);
--nvt-shell-label-size-m: var(--nvt-label-size-m);
--nvt-shell-label-weight: var(--nvt-label-weight);
--nvt-shell-price-size-d: var(--nvt-price-size-d);
--nvt-shell-price-size-m: var(--nvt-price-size-m);
--nvt-shell-price-weight: var(--nvt-price-weight);
--nvt-shell-small-size-d: var(--nvt-small-size-d);
--nvt-shell-small-size-m: var(--nvt-small-size-m);
--nvt-shell-small-weight: var(--nvt-small-weight);
--nvw-button-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
--nvw-button-font-weight: 700;
--nvw-label-size-desktop: 15px;
--dl-color-theme-primary1: #BF4408;
--dl-color-theme-primary2: #E65103;
--dl-layout-size-maxwidth: 1400px;
--nv-action-card-hover-bg: linear-gradient(180deg, rgba(252, 249, 243, 1) 0%, rgba(240, 231, 217, 0.78) 100%);
--nv-action-chevron-color: #B4623D;
--nv-body-text-decoration: none;
--nv-color-surface-nested: #f6f1eaff;
--nv-heading2-font-family: "Cormorant Garamond", Georgia, serif;
--nv-heading2-font-weight: 600;
--nv-heading3-font-family: "Cormorant Garamond", Georgia, serif;
--nv-heading3-font-weight: 600;
--nv-input-padding-bottom: 0px;
--nv-label-letter-spacing: 0.18em;
--nv-label-text-transform: none;
--nv-letter-spacing-label: 0.2em;
--nv-price-text-transform: none;
--nv-product-size-desktop: var(--nv-widget-product-title-size-desktop);
--nv-shell-choice-card-bg: #ffffff;
--nv-tooltip-trigger-size: 22px;
--nvt-legal-h1-decoration: var(--nvt-h1-decoration);
--nvt-legal-h2-decoration: var(--nvt-h2-decoration);
--nvt-legal-h3-decoration: var(--nvt-h3-decoration);
--nvt-shell-button-size-d: var(--nvt-button-size-d);
--nvt-shell-button-size-m: var(--nvt-button-size-m);
--nvt-shell-button-weight: var(--nvt-button-weight);
--nvt-shell-h1-decoration: var(--nvt-h1-decoration);
--nvt-shell-h2-decoration: var(--nvt-h2-decoration);
--nvt-shell-h3-decoration: var(--nvt-h3-decoration);
--nvw-button-secondary-bg: #241A22;
--nvw-card-padding-mobile: 20px;
--nvw-divider-spacing-top: 22px;
--nvw-heading-font-family: "Cormorant Garamond", Georgia, serif;
--nvw-price-compare-color: #9A8E95;
--nvw-widget-border-color: #E3D8CA;
--nvw-widget-border-width: 1px;
--dl-layout-radius-radius2: 2px;
--dl-layout-radius-radius4: 4px;
--dl-layout-radius-radius8: 8px;
--dl-layout-space-halfunit: 8px;
--dl-layout-space-sixunits: 96px;
--dl-layout-space-twounits: 32px;
--nv-action-card-padding-x: 26px;
--nv-action-card-padding-y: 24px;
--nv-button-primary-height: 52px;
--nv-button-primary-radius: 999px;
--nv-button-primary-shadow: none;
--nv-button-set-1-bg-hover: #241A22;
--nv-button-set-2-bg-hover: #F3ECE2;
--nv-button-text-transform: none;
--nv-font-size-body-mobile: 15px;
--nv-font-size-lead-mobile: 16px;
--nv-label-text-decoration: none;
--nv-price-text-decoration: none;
--nv-tooltip-trigger-color: #B4623D;
--nvt-legal-body-transform: var(--nvt-body-transform);
--nvt-legal-lead-transform: var(--nvt-lead-transform);
--nvt-shell-body-transform: var(--nvt-body-transform);
--nvt-shell-lead-transform: var(--nvt-lead-transform);
--nvw-card-padding-desktop: 28px;
--nvw-label-letter-spacing: 0.18em;
--nvw-label-text-transform: uppercase;
--dl-color-theme-secondary1: #FFFFFF;
--dl-color-theme-secondary2: #FBF1EB;
--dl-layout-space-fiveunits: 80px;
--dl-layout-space-fourunits: 64px;
--nv-action-card-focus-ring: 0 0 0 3px rgba(200, 161, 101, 0.22);
--nv-body-small-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
--nv-body-small-line-height: 1.55;
--nv-body-small-size-mobile: 12px;
--nv-button-text-decoration: none;
--nv-color-primary-contrast: #ffffff;
--nv-font-size-body-desktop: 16px;
--nv-font-size-label-mobile: 11px;
--nv-font-size-lead-desktop: 18px;
--nv-font-size-price-mobile: 34px;
--nv-heading-text-transform: none;
--nv-input-border-top-width: 0px;
--nv-letter-spacing-heading: -0.02em;
--nv-line-height-body-loose: 1.7;
--nv-line-height-body-small: 1.55;
--nv-line-height-body-tight: 1.52;
--nv-product-letter-spacing: normal;
--nv-product-text-transform: var(--nv-widget-product-title-text-transform, none);
--nv-shell-bar-border-color: var(--nv-page-border);
--nv-shell-bar-border-width: 1px;
--nv-shell-button-bronze-bg: linear-gradient(180deg, #D9B98A 0%, #9C5233 100%);
--nv-shell-menu-font-family: var(--nv-body-font-family);
--nv-shell-modal-overlay-bg: rgba(36, 26, 34, 0.48);
--nv-tooltip-trigger-radius: 999px;
--nvt-legal-body-decoration: var(--nvt-body-decoration);
--nvt-legal-label-transform: var(--nvt-label-transform);
--nvt-legal-lead-decoration: var(--nvt-lead-decoration);
--nvt-legal-small-transform: var(--nvt-small-transform);
--nvt-shell-body-decoration: var(--nvt-body-decoration);
--nvt-shell-label-transform: var(--nvt-label-transform);
--nvt-shell-lead-decoration: var(--nvt-lead-decoration);
--nvt-shell-price-transform: var(--nvt-price-transform);
--nvt-shell-small-transform: var(--nvt-small-transform);
--nvw-page-padding-y-mobile: 24px;
--nvw-widget-padding-mobile: 28px;
--nvw-widget-padding-tablet: 36px;
--ps-color-primary-contrast: #ffffff;
--dl-layout-space-threeunits: 48px;
--nv-body-small-size-desktop: 13px;
--nv-button-primary-hover-bg: #241A22;
--nv-button-secondary-height: 52px;
--nv-button-secondary-radius: 999px;
--nv-button-secondary-shadow: none;
--nv-button-set-1-text-hover: #fffdf9;
--nv-button-set-2-text-hover: #2B2230;
--nv-cart-promo-panel-radius: var(--nv-radius-lg);
--nv-font-size-button-mobile: 14px;
--nv-font-size-label-desktop: 12px;
--nv-font-size-price-desktop: 46px;
--nv-heading-text-decoration: none;
--nv-heading2-text-transform: none;
--nv-heading3-text-transform: none;
--nv-input-border-left-width: 0px;
--nv-input-placeholder-color: var(--nv-page-text-muted);
--nv-product-text-decoration: var(--nv-widget-product-title-text-decoration, none);
--nv-radio-control-dot-color: #B4623D;
--nv-shared-row-border-color: var(--nv-page-border);
--nv-shell-content-max-width: 1120px;
--nv-shell-menu-border-width: 1px;
--nvt-legal-label-decoration: var(--nvt-label-decoration);
--nvt-legal-small-decoration: var(--nvt-small-decoration);
--nvt-shell-button-transform: var(--nvt-button-transform);
--nvt-shell-label-decoration: var(--nvt-label-decoration);
--nvt-shell-price-decoration: var(--nvt-price-decoration);
--nvt-shell-small-decoration: var(--nvt-small-decoration);
--nvw-body-small-font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
--nvw-body-small-line-height: 1.6;
--nvw-body-small-size-mobile: 13px;
--nvw-heading-text-transform: none;
--nvw-page-padding-y-desktop: 42px;
--nvw-soft-card-border-color: #E3D8CA;
--nvw-soft-card-border-width: 1px;
--nvw-widget-padding-desktop: 48px;
--dl-color-theme-neutral-dark: #2A2126;
--dl-layout-radius-cardradius: 8px;
--nv-action-card-border-color: rgba(200, 161, 101, 0.32);
--nv-action-card-border-width: 0.5px;
--nv-action-card-hover-shadow: 0 18px 38px -28px rgba(36, 26, 34, 0.4);
--nv-action-description-color: var(--nv-page-text-muted);
--nv-action-title-font-family: var(--nv-heading-font-family);
--nv-action-title-line-height: 1.15;
--nv-action-title-size-mobile: 18px;
--nv-button-primary-padding-x: 24px;
--nv-cart-product-title-color: #2B2230;
--nv-color-secondary-contrast: #ffffff;
--nv-font-size-button-desktop: 15px;
--nv-font-size-heading-mobile: 28px;
--nv-heading-card-size-mobile: 25px;
--nv-heading-hero-size-mobile: 32px;
--nv-heading-line-height-card: 1.05;
--nv-heading-line-height-hero: 0.95;
--nv-heading2-text-decoration: none;
--nv-heading3-text-decoration: none;
--nv-input-border-right-width: 0px;
--nv-input-focus-border-color: #B4623D;
--nv-line-height-heading-hero: 0.95;
--nv-shared-row-border-radius: 0px;
--nv-shell-choice-card-shadow: 0 10px 24px -22px rgba(36, 26, 34, 0.35);
--nvt-shell-button-decoration: var(--nvt-button-decoration);
--nvw-body-small-size-desktop: 14px;
--nvw-button-font-size-mobile: 14px;
--nvw-button-primary-hover-bg: #241A22;
--dl-color-theme-neutral-light: #FBFAF9;
--dl-layout-radius-imageradius: 8px;
--dl-layout-radius-inputradius: 24px;
--nv-action-index-border-color: var(--nv-page-border);
--nv-action-index-border-width: 1px;
--nv-action-title-size-desktop: 24px;
--nv-body-small-text-transform: none;
--nv-button-primary-text-color: #ffffff;
--nv-button-secondary-hover-bg: #F4EDE4;
--nv-button-set-1-border-color: #3A2434;
--nv-button-set-1-border-width: 1px;
--nv-button-set-2-border-color: #D5C7B5;
--nv-button-set-2-border-width: 1px;
--nv-choice-hover-border-color: #B4623D;
--nv-font-size-heading-desktop: 56px;
--nv-font-size-heading2-mobile: 26px;
--nv-font-size-heading3-mobile: 20px;
--nv-heading-brand-size-mobile: 20px;
--nv-heading-card-size-desktop: 34px;
--nv-heading-hero-size-desktop: 64px;
--nv-heading-line-height-brand: 1.2;
--nv-input-border-bottom-width: 1px;
--nv-label-compact-size-mobile: 9.5px;
--nv-letter-spacing-label-wide: 0.24em;
--nv-line-height-heading-tight: 1.04;
--nv-price-compare-font-family: "Cormorant Garamond", Georgia, serif;
--nv-price-compare-size-mobile: 20px;
--nv-shell-gift-panel-inner-bg: linear-gradient(180deg, rgba(255, 253, 250, 1) 0%, rgba(246, 240, 231, 1) 100%);
--nv-shell-menu-logo-max-width: 220px;
--nvw-button-font-size-desktop: 15px;
--nvw-heading-card-size-mobile: 26px;
--nvw-heading-card-size-tablet: 30px;
--nvw-heading-hero-size-mobile: 30px;
--nvw-heading-hero-size-tablet: 44px;
--nvw-heading-line-height-card: 1.05;
--nvw-heading-line-height-hero: 0.98;
--nvw-soft-card-padding-mobile: 20px;
--dl-layout-radius-buttonradius: 24px;
--nv-button-primary-font-family: var(--nv-body-font-family);
--nv-button-primary-font-weight: 700;
--nv-button-secondary-padding-x: 24px;
--nv-font-size-heading2-desktop: 32px;
--nv-font-size-heading3-desktop: 24px;
--nv-heading-brand-size-desktop: 22px;
--nv-label-compact-size-desktop: 10.5px;
--nv-letter-spacing-label-tight: 0.12em;
--nv-price-compare-size-desktop: 22px;
--nv-shell-button-bronze-shadow: 0 12px 24px rgba(142, 74, 44, 0.22);
--nv-shell-menu-logo-max-height: 58px;
--nv-widget-product-title-color: #241A22;
--nvw-button-primary-text-color: #ffffff;
--nvw-button-secondary-hover-bg: #241A22;
--nvw-heading-card-size-desktop: 38px;
--nvw-heading-hero-size-desktop: 56px;
--nvw-heading-line-height-price: 1;
--nvw-heading-price-size-tablet: 34px;
--nvw-soft-card-padding-desktop: 28px;
--nv-action-title-letter-spacing: 0.005em;
--nv-button-primary-border-color: #3A2434;
--nv-button-primary-border-width: 1px;
--nv-button-primary-hover-shadow: none;
--nv-button-secondary-text-color: var(--nv-page-text);
--nv-font-size-body-small-mobile: 12px;
--nv-font-size-title-mini-mobile: 15px;
--nv-heading-letter-spacing-hero: -0.03em;
--nv-heading-line-height-section: 1.02;
--nv-heading-section-size-mobile: 28px;
--nv-letter-spacing-heading-hero: -0.03em;
--nv-shared-row-border-top-width: 0px;
--nvw-heading-price-size-desktop: 42px;
--dl-layout-space-oneandhalfunits: 24px;
--nv-button-secondary-font-family: var(--nv-body-font-family);
--nv-button-secondary-font-weight: 700;
--nv-cart-product-title-font-size: 16px;
--nv-font-size-body-small-desktop: 13px;
--nv-font-size-label-tight-mobile: 9.5px;
--nv-font-size-title-mini-desktop: 17px;
--nv-heading-section-size-desktop: 40px;
--nv-label-compact-letter-spacing: 0.24em;
--nv-shared-row-border-left-width: 0px;
--nv-shell-menu-content-max-width: var(--nv-shell-content-max-width);
--nv-tooltip-trigger-border-color: var(--nv-page-border);
--nv-tooltip-trigger-border-width: 1px;
--nvw-button-primary-border-color: #3A2434;
--nvw-button-primary-border-width: 1px;
--nvw-button-primary-hover-shadow: none;
--nvw-button-secondary-text-color: #ffffff;
--nvw-heading-letter-spacing-hero: -0.02em;
--nvw-heading-line-height-section: 1.08;
--nvw-heading-section-size-mobile: 28px;
--nv-button-secondary-border-color: var(--nv-page-border);
--nv-button-secondary-border-width: 1px;
--nv-button-secondary-hover-shadow: none;
--nv-cart-product-title-font-style: normal;
--nv-cart-promo-panel-border-color: var(--nv-page-border);
--nv-cart-promo-panel-border-width: 1px;
--nv-font-size-heading-card-mobile: 25px;
--nv-font-size-heading-hero-mobile: 42px;
--nv-font-size-label-tight-desktop: 10.5px;
--nv-price-compare-text-decoration: line-through;
--nv-shared-row-border-right-width: 0px;
--nv-shell-choice-card-selected-bg: linear-gradient(180deg, #FFFDF9 0%, #F4EDE4 100%);
--nv-shell-menu-link-hover-opacity: 0.72;
--nvw-heading-section-size-desktop: 34px;
--nv-action-card-hover-border-color: rgba(200, 161, 101, 0.65);
--nv-action-description-font-family: var(--nv-body-font-family);
--nv-action-description-line-height: 1.4;
--nv-action-description-size-mobile: 11.5px;
--nv-cart-product-title-font-family: "Cormorant Garamond", Georgia, serif;
--nv-cart-product-title-font-weight: 600;
--nv-font-size-heading-brand-mobile: 20px;
--nv-font-size-heading-card-desktop: 36px;
--nv-font-size-heading-hero-desktop: 54px;
--nv-font-size-heading-panel-mobile: 28px;
--nv-heading-letter-spacing-section: -0.02em;
--nv-shared-row-border-bottom-width: 1px;
--nv-shell-choice-card-border-color: rgba(36, 26, 34, 0.12);
--nvw-button-secondary-border-color: #241A22;
--nvw-button-secondary-border-width: 1px;
--nvw-button-secondary-hover-shadow: none;
--nv-action-description-size-desktop: 12.5px;
--nv-button-primary-font-size-mobile: 14px;
--nv-button-primary-hover-text-color: #ffffff;
--nv-button-set-1-border-color-hover: #241A22;
--nv-button-set-2-border-color-hover: #3A2434;
--nv-font-size-heading-brand-desktop: 22px;
--nv-font-size-heading-panel-desktop: 40px;
--nv-widget-product-title-font-style: normal;
--nvw-heading-letter-spacing-section: 0;
--nv-button-primary-font-size-desktop: 15px;
--nv-font-size-heading-product-mobile: 27px;
--nv-font-size-heading-section-mobile: 28px;
--nv-shell-menu-logo-mobile-max-width: 138px;
--nv-widget-product-title-font-family: "Cormorant Garamond", Georgia, serif;
--nv-widget-product-title-font-weight: 600;
--nv-widget-product-title-size-mobile: 26px;
--nvw-button-primary-hover-text-color: #ffffff;
--nv-button-primary-hover-border-color: #8E4A2C;
--nv-button-secondary-font-size-mobile: 14px;
--nv-button-secondary-hover-text-color: var(--nv-page-text);
--nv-cart-product-title-text-transform: none;
--nv-font-size-heading-product-desktop: 38px;
--nv-font-size-heading-section-desktop: 40px;
--nv-shell-choice-card-selected-shadow: 0 20px 40px -26px rgba(180, 98, 61, 0.45);
--nv-shell-menu-logo-mobile-max-height: 42px;
--nv-widget-product-title-size-desktop: 30px;
--nv-button-secondary-font-size-desktop: 15px;
--nv-cart-product-title-text-decoration: none;
--nvw-button-primary-hover-border-color: #8E4A2C;
--nvw-button-secondary-hover-text-color: #ffffff;
--nv-button-secondary-hover-border-color: #B4623D;
--nv-shell-gift-panel-inner-border-color: rgba(36, 26, 34, 0.1);
--nv-widget-product-title-text-transform: none;
--nv-widget-product-title-text-decoration: none;
--nvw-button-secondary-hover-border-color: #241A22;
--nv-shell-choice-card-selected-border-color: rgba(180, 98, 61, 0.8);
}
.teleport-show {
display: flex;
transform: none;
}
.container {
width: 100%;
margin: 0 auto;
padding: 0 var(--gutter);
max-width: var(--container);
min-width: 0;
}
.grid {
gap: 24px;
display: grid;
}
.grid-2 {
grid-template-columns: 1fr 1fr;
}
.eyebrow {
gap: 12px;
color: var(--terra);
display: inline-flex;
font-size: 12px;
align-items: center;
font-weight: 600;
margin-bottom: 20px;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.h1 {
color: var(--ink);
font-size: clamp(40px, 5.4vw, 72px);
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.05;
overflow-wrap: anywhere;
letter-spacing: -0.022em;
}
.lead {
color: var(--muted);
font-size: clamp(17px, 1.4vw, 20px);
line-height: 1.6;
overflow-wrap: anywhere;
}
.reassurance-row {
gap: 10px 26px;
display: flex;
flex-wrap: wrap;
margin-top: 36px;
}
.cover-card {
color: #F7F3EC;
display: flex;
padding: 32px;
aspect-ratio: 3 / 4.2;
border-radius: var(--radius-medium);
flex-direction: column;
justify-content: space-between;
}
.cover-dark {
background: linear-gradient(160deg, #3A2434, #4E3145);
}
.cover-accent {
background: linear-gradient(160deg, #C1633B, #A24F2E);
}
.btn {
gap: 10px;
color: var(--cream);
border: 1px solid transparent;
cursor: pointer;
display: inline-flex;
padding: 16px 28px;
overflow: hidden;
position: relative;
font-size: 15px;
background: var(--plum);
text-align: center;
transition: transform 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
align-items: center;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
border-radius: 999px;
justify-content: center;
}
.btn-primary {
color: var(--cream);
background: var(--plum);
}
.btn-sm {
padding: 11px 20px;
font-size: 14px;
}
.section {
width: 100%;
display: flex;
padding: 128px 0;
position: relative;
min-width: 0;
justify-content: center;
}
.asset-note {
color: #9A9187;
font-size: 11px;
margin-top: 16px;
font-family: monospace;
}
.body-text {
color: var(--muted);
font-size: 16px;
line-height: 1.7;
overflow-wrap: anywhere;
}
.h2 {
color: var(--ink);
font-size: clamp(34px, 4.2vw, 56px);
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.08;
overflow-wrap: anywhere;
letter-spacing: -0.018em;
}
.h3 {
color: var(--ink);
font-size: clamp(24px, 2.2vw, 30px);
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.2;
overflow-wrap: anywhere;
letter-spacing: -0.01em;
}
.stack {
gap: 10px;
display: flex;
flex-direction: column;
}
.text-center {
text-align: center;
}
.narrow {
width: 100%;
margin: 0 auto;
max-width: 760px;
}
.eyebrow-light {
color: var(--terra-soft);
}
.on-dark {
color: #F7F3EC;
}
.btn-accent {
color: #FFFDF9;
background: var(--terra);
}
.narrow-md {
width: 100%;
margin: 0 auto;
max-width: 960px;
}
.card-alt {
padding: 24px;
background: var(--color-surface-alt);
border-radius: var(--radius-medium);
}
.section-sm {
width: 100%;
padding: 88px 0;
position: relative;
}
.card {
padding: 28px;
background: var(--color-surface);
border-radius: var(--radius-medium);
}
.faq-item {
border-top: 1px solid var(--color-border-strong);
border-bottom: 1px solid var(--line-strong);
}
.narrow-lg {
margin: 0 auto;
max-width: 1000px;
}
.form-row {
gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.form-field {
gap: 8px;
display: flex;
flex-direction: column;
}
.faq-group {
position: relative;
margin-bottom: 4rem;
}
.site-header {
top: 0;
z-index: 40;
position: sticky;
background: rgba(247, 243, 236, 0.94);
border-bottom: 1px solid rgba(58, 36, 52, 0.08);
backdrop-filter: blur(8px);
}
.site-header__bar {
gap: 32px;
width: 100%;
margin: 0 auto;
display: flex;
padding: 22px var(--gutter);
max-width: var(--container);
min-width: 0;
transition: padding 0.3s var(--ease-out);
align-items: center;
justify-content: space-between;
}
.brand {
gap: 10px;
color: var(--plum);
display: inline-flex;
font-size: 21px;
max-width: 100%;
min-width: 0;
align-items: center;
font-family: var(--font-heading);
font-weight: 500;
white-space: nowrap;
letter-spacing: 0.01em;
}
.nav-main {
gap: 36px;
display: flex;
align-items: center;
}
.nav-side {
gap: 22px;
display: flex;
align-items: center;
}
.nav-toggle {
display: none;
}
.nav-toggle-label {
gap: 5px;
flex: 0 0 auto;
color: var(--color-dark-2);
width: 44px;
border: 1px solid rgba(58, 36, 52, 0.18);
cursor: pointer;
height: 44px;
display: none;
font-size: 24px;
align-items: center;
border-radius: 50%;
flex-direction: column;
justify-content: center;
}
.nav-mobile-panel {
gap: 4px;
display: none;
padding: 8px var(--gutter) 28px;
max-width: 100%;
min-width: 0;
border-top: 1px solid var(--line);
flex-direction: column;
}
.site-footer {
color: var(--on-dark-muted);
width: 100%;
padding: 88px 0 36px;
background: var(--ink);
}
.footer-grid {
gap: 48px;
display: grid;
min-width: 0;
border-bottom: 1px solid rgba(247, 243, 236, 0.1);
padding-bottom: 56px;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
}
.footer-links {
gap: 12px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.footer-bottom {
gap: 16px;
display: flex;
flex-wrap: wrap;
min-width: 0;
align-items: center;
padding-top: 28px;
justify-content: space-between;
}
.nav-main a {
color: var(--plum);
position: relative;
font-size: 15px;
font-weight: 500;
white-space: nowrap;
}
.nav-mobile-panel a {
color: var(--color-dark-2);
font-size: 16px;
overflow-wrap: anywhere;
}
.btn-primary:hover {
color: var(--color-background);
background: var(--ink);
}
.btn-accent:hover {
color: var(--color-background);
background: var(--color-primary-dark);
}
.reassurance-row span {
gap: 8px;
color: var(--muted);
display: inline-flex;
font-size: 14px;
align-items: center;
}
.faq-item summary {
gap: 24px;
color: var(--ink);
cursor: pointer;
display: flex;
padding: 24px 0;
font-size: 19px;
list-style: none;
transition: color 0.25s ease;
align-items: center;
font-family: var(--font-heading);
font-weight: 600;
line-height: 1.35;
justify-content: space-between;
}
.faq-item summary::-webkit-details-marker {
display: none;
}
.faq-item summary::after {
color: var(--color-primary);
width: 34px;
border: 1px solid var(--line-strong);
height: 34px;
content: "";
font-size: 20px;
background: url("data:image/svg+xml;utf8,") center / 16px no-repeat;
transition: transform 0.45s var(--ease-out), background-color 0.3s ease, border-color 0.3s ease;
flex-shrink: 0;
border-radius: 50%;
}
.faq-item[open] summary::after {
content: "–";
transform: rotate(135deg);
border-color: var(--terra);
background-color: rgba(193, 99, 59, 0.08);
}
.faq-item p {
color: var(--color-text-muted);
margin: 0 0 20px;
font-size: 15px;
line-height: 1.6;
padding-right: 24px;
}
.faq-group h2 {
color: var(--color-dark);
font-size: 22px;
font-family: var(--font-heading);
font-weight: 500;
margin-bottom: 20px;
}
.cover-card .label {
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.cover-card .title {
font-size: 28px;
font-style: italic;
font-family: var(--font-heading);
}
.site-footer .container {
max-width: var(--container-width);
}
.footer-grid h5 {
color: #8E7F82;
margin: 0 0 18px;
font-size: 12px;
font-weight: 600;
margin-bottom: 16px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.footer-links a {
color: #D8C9C3;
font-size: 14.5px;
transition: color 0.2s ease, transform 0.3s var(--ease-out);
}
.footer-bottom p {
color: #8E7F82;
font-size: 13px;
}
.footer-bottom a {
color: #8E7F82;
font-size: 13px;
}
.form-field label {
color: var(--ink);
font-size: 13.5px;
font-weight: 600;
}
.form-field input {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 14px 16px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.form-field select {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 14px 16px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.form-field textarea {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
resize: vertical;
outline: none;
padding: 14px 16px;
font-size: 15px;
background: var(--cream);
min-height: 140px;
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.flex-column {
gap: 8px;
display: flex;
min-width: 0;
align-items: stretch;
flex-direction: column;
}
.lo-inline-004 {
font-size: 14px;
}
.lo-inline-008 {
margin: 0;
}
.lo-inline-010 {
color: #241A22;
font-size: 15px;
font-weight: 600;
margin-bottom: 4px;
}
.lo-inline-011 {
color: #6B6259;
font-size: 13px;
}
.lo-inline-012 {
border-top: 1px solid var(--color-border);
padding-top: 16px;
}
.lo-inline-013 {
color: #241A22;
font-size: 16px;
font-weight: 600;
margin-bottom: 6px;
}
.lo-inline-019 {
color: #9A9187;
}
.lo-inline-020 {
margin-bottom: 24px;
}
.lo-inline-025 {
color: #241A22;
font-size: 24px;
font-family: var(--font-heading);
}
.lo-inline-028 {
color: #6B6259;
font-size: 12px;
margin-top: 4px;
}
.lo-inline-041 {
font-size: 16px;
margin-bottom: 32px;
}
.lo-inline-043 {
font-size: clamp(24px,3vw,32px);
margin-bottom: 16px;
}
.lo-inline-046 {
font-size: clamp(26px,3.6vw,40px);
line-height: 1.2;
margin-bottom: 28px;
}
.lo-inline-047 {
font-size: clamp(28px,3.2vw,38px);
margin-bottom: 20px;
}
.lo-inline-051 {
margin-top: 24px;
}
.lo-inline-060 {
gap: 56px;
align-items: start;
grid-template-columns: 0.45fr 0.55fr;
}
.lo-inline-061 {
gap: 56px;
align-items: start;
grid-template-columns: 0.55fr 0.45fr;
}
.lo-inline-107 {
font-size: clamp(32px,4.4vw,48px);
}
.lo-inline-110 {
gap: 12px;
}
.lo-inline-111 {
gap: 16px;
}
.lo-inline-113 {
gap: 24px;
}
.footer-link1 {
display: contents;
}
.footer-navlink1 {
display: contents;
}
.footer-navlink2 {
display: contents;
}
.footer-navlink3 {
display: contents;
}
.footer-link2 {
display: contents;
}
.footer-navlink4 {
display: contents;
}
.footer-link3 {
display: contents;
}
.section-tight-top {
padding-top: 40px;
}
.bg-cream {
background: var(--cream);
}
.bg-sand {
background: var(--sand);
}
.bg-paper {
background: var(--paper);
}
.bg-plum {
color: var(--on-dark);
background: radial-gradient(120% 90% at 85% 0%, #4E3145 0%, #3A2434 45%, #2B1B27 100%);
}
.bg-ink {
color: var(--on-dark);
background: radial-gradient(120% 100% at 15% 0%, #3A2434 0%, #241A22 55%, #1C141A 100%);
}
.eyebrow-sage {
color: var(--sage);
}
.display {
color: var(--ink);
font-size: clamp(42px, 5.1vw, 76px);
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.02;
letter-spacing: -0.025em;
}
.h4 {
color: var(--ink);
font-size: 19px;
font-family: var(--font-heading);
font-weight: 500;
line-height: 1.3;
}
.accent {
color: var(--terra);
font-style: italic;
}
.small {
color: var(--faint);
margin: 1rem 0;
font-size: 13px;
line-height: 1.55;
}
.section-head {
max-width: 720px;
margin-bottom: 64px;
}
.section-head-split {
gap: 48px;
display: grid;
align-items: end;
margin-bottom: 64px;
grid-template-columns: 1.2fr 1fr;
}
.btn-ghost {
color: var(--plum);
background: transparent;
border-color: rgba(58, 36, 52, 0.28);
}
.btn-light {
color: var(--cream);
background: transparent;
border-color: rgba(247, 243, 236, 0.35);
}
.btn-lg {
padding: 19px 34px;
font-size: 16px;
}
.btn-row {
gap: 14px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.link-arrow {
gap: 8px;
color: var(--plum);
display: inline-flex;
font-size: 15px;
background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat;
transition: background-size 0.4s var(--ease-out), color 0.2s ease;
align-items: center;
font-weight: 600;
padding-bottom: 4px;
}
.brand-mark {
color: var(--terra);
width: 30px;
height: 30px;
transition: transform 1.2s var(--ease-out);
}
.wheel {
color: var(--gold);
container-type: size;
pointer-events: none;
}
.hero {
width: 100%;
padding: 72px 0 112px;
overflow: hidden;
position: relative;
}
.hero-grid {
gap: 64px;
display: grid;
z-index: 1;
position: relative;
min-width: 0;
align-items: center;
grid-template-columns: 1.08fr 1fr;
}
.hero-stage {
width: 100%;
height: 600px;
position: relative;
perspective: 1400px;
}
.hero-layer {
inset: 0;
position: absolute;
transition: transform 0.9s var(--ease-out);
}
.cover {
color: var(--cream);
display: flex;
padding: 30px 26px 28px;
overflow: hidden;
position: relative;
background: linear-gradient(155deg, #4E3145 0%, #3A2434 55%, #2B1B27 100%);
box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.07), inset 14px 0 22px -14px rgba(0, 0, 0, 0.45), 0 40px 70px -34px rgba(36, 26, 34, 0.65);
transition: transform 0.6s var(--ease-out), box-shadow 0.6s var(--ease-out);
aspect-ratio: 3 / 4.2;
border-radius: 6px 16px 16px 6px;
flex-direction: column;
justify-content: space-between;
}
.cover--sage {
background: linear-gradient(155deg, #85916A 0%, #6E7A52 50%, #505A3A 100%);
}
.cover--terra {
background: linear-gradient(155deg, #D27A52 0%, #C1633B 50%, #93452A 100%);
}
.cover__label {
color: rgba(247, 243, 236, 0.85);
z-index: 1;
position: relative;
font-size: 10.5px;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.cover__ornament {
top: 50%;
left: 50%;
color: var(--gold);
width: 62%;
opacity: 0.75;
position: absolute;
transform: translate(-50%, -54%);
aspect-ratio: 1;
}
.cover__title {
z-index: 1;
position: relative;
font-size: clamp(22px, 2vw, 28px);
font-style: italic;
font-family: var(--font-heading);
line-height: 1.15;
}
.cover__name {
opacity: 1;
transition: opacity 0.5s ease, transform 0.6s var(--ease-out);
}
.site-widget {
left: 0;
width: 53%;
border: 1px solid rgba(230, 220, 205, 0.8);
bottom: 20px;
padding: 18px;
z-index: 3;
position: relative;
background: #FFFFFF;
box-shadow: 0 0 0 2px rgba(193, 99, 59, 0.55), 0 18px 40px -22px rgba(36, 26, 34, 0.45);
border-radius: var(--radius-md);
}
.site-widget__chrome {
gap: 6px;
display: flex;
align-items: center;
margin-bottom: 16px;
}
.site-widget__title {
color: var(--ink);
font-size: 17px;
font-family: var(--font-heading);
line-height: 1.25;
margin-bottom: 16px;
}
.site-widget__btn {
color: #FFFDF9;
display: inline-flex;
padding: 10px 18px;
font-size: 13px;
background: var(--terra);
transition: transform 0.18s ease, background-color 0.2s ease;
font-weight: 600;
border-radius: 999px;
}
.gen-bar {
height: 4px;
overflow: hidden;
background: var(--sand);
margin-top: 14px;
border-radius: 99px;
}
.gen-status {
gap: 8px;
color: var(--sage-dark);
display: flex;
opacity: 0;
font-size: 12px;
margin-top: 10px;
transition: opacity 0.4s ease;
align-items: center;
font-weight: 500;
}
.hero-cursor {
top: 0;
left: 0;
width: 26px;
filter: drop-shadow(0 4px 6px rgba(36, 26, 34, 0.3));
height: 26px;
opacity: 0;
z-index: 5;
position: absolute;
transform: translate(420px, 220px);
transition: transform 1.1s var(--ease-out), opacity 0.4s ease;
pointer-events: none;
}
.sale-toast {
gap: 14px;
top: 0;
left: 0;
right: 0;
border: 1px solid rgba(230, 220, 205, 0.8);
display: flex;
opacity: 0;
padding: 14px 18px 14px 14px;
z-index: 4;
position: absolute;
transform: translateY(-14px) scale(0.96);
background: var(--paper);
box-shadow: var(--shadow-lift);
transition: opacity 0.5s ease, transform 0.6s var(--ease-spring);
align-items: center;
border-radius: var(--radius-md);
}
.sale-toast__icon {
color: #FFFDF9;
width: 38px;
height: 38px;
display: flex;
background: var(--sage);
align-items: center;
border-radius: 50%;
justify-content: center;
}
.sale-toast__label {
color: var(--faint);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.sale-toast__title {
color: var(--ink);
font-size: 14px;
font-weight: 600;
}
.sale-toast__amount {
color: var(--sage-dark);
font-size: 18px;
font-family: var(--font-heading);
font-weight: 500;
margin-left: 6px;
}
.marquee-band {
width: 100%;
padding: 34px 0 38px;
background: var(--paper);
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
.marquee-label {
color: var(--faint);
font-size: 12px;
text-align: center;
font-weight: 600;
margin-bottom: 20px;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.marquee {
overflow: hidden;
mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
-webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.marquee__track {
gap: 64px;
width: max-content;
display: flex;
align-items: center;
padding-right: 64px;
}
.marquee__item {
gap: 12px;
color: var(--plum);
display: inline-flex;
opacity: 0.75;
font-size: 26px;
transition: opacity 0.3s ease, color 0.3s ease;
align-items: center;
font-family: var(--font-heading);
white-space: nowrap;
}
.range-grid {
gap: 28px;
margin: 0 auto;
display: grid;
max-width: 1040px;
perspective: 1200px;
grid-template-columns: repeat(3, 1fr);
}
.range-item {
position: relative;
}
.range-caption {
gap: 12px;
display: flex;
margin-top: 20px;
align-items: baseline;
justify-content: space-between;
}
.badge-soon {
top: 18px;
color: var(--ink);
right: -8px;
padding: 7px 12px;
z-index: 2;
position: absolute;
font-size: 11px;
transform: rotate(6deg);
background: var(--gold);
box-shadow: 0 10px 20px -10px rgba(36, 26, 34, 0.5);
font-weight: 600;
border-radius: 999px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.feature-row {
gap: 72px;
display: grid;
margin-top: 128px;
align-items: center;
grid-template-columns: 1fr 1.05fr;
}
.check-list {
gap: 0;
margin: 0 0 32px;
display: flex;
padding: 0;
list-style: none;
flex-direction: column;
}
.asset-slot {
gap: 14px;
color: var(--faint);
width: 100%;
border: 1.5px dashed #CDB9A2;
display: flex;
padding: 32px;
overflow: hidden;
position: relative;
background: repeating-linear-gradient(135deg, rgba(193, 99, 59, 0.045) 0 14px, transparent 14px 28px),#FBF6EF;
text-align: center;
align-items: center;
border-radius: var(--radius-lg);
flex-direction: column;
justify-content: center;
}
.asset-slot__badge {
gap: 8px;
color: #FFFDF9;
display: inline-flex;
padding: 8px 14px;
font-size: 11px;
background: var(--terra);
align-items: center;
font-weight: 700;
border-radius: 999px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.asset-inline {
gap: 10px;
color: var(--faint);
display: flex;
font-size: 12.5px;
margin-top: 16px;
align-items: center;
line-height: 1.45;
}
.asset-slot__icon {
color: var(--terra);
width: 44px;
height: 44px;
opacity: 0.8;
}
.spread {
position: relative;
perspective: 1600px;
}
.disciplines {
gap: 14px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.discipline {
gap: 12px;
border: 1px solid var(--line);
display: flex;
padding: 22px 20px;
background: var(--paper);
transition: transform 0.45s var(--ease-out), box-shadow 0.45s var(--ease-out), border-color 0.3s ease;
border-radius: var(--radius-md);
flex-direction: column;
}
.discipline__icon {
color: var(--sage);
width: 42px;
height: 42px;
display: flex;
background: rgba(110, 122, 82, 0.1);
transition: transform 0.6s var(--ease-spring), background-color 0.3s ease, color 0.3s ease;
align-items: center;
border-radius: 50%;
justify-content: center;
}
.discipline__name {
color: var(--ink);
font-size: 15px;
font-weight: 600;
}
.discipline__desc {
color: var(--faint);
font-size: 13.5px;
line-height: 1.5;
}
.benefit-grid {
display: grid;
border-top: 1px solid var(--line-strong);
grid-template-columns: repeat(4, 1fr);
}
.benefit {
padding: 40px 32px 8px 0;
position: relative;
}
.benefit__num {
color: transparent;
display: block;
font-size: 72px;
font-style: italic;
transition: color 0.5s ease;
font-family: var(--font-heading);
line-height: 1;
margin-bottom: 28px;
-webkit-text-stroke: 1px var(--terra);
}
.pricing-grid {
gap: 72px;
display: grid;
align-items: start;
grid-template-columns: 1fr 0.92fr;
}
.price-cards {
gap: 14px;
display: grid;
margin-bottom: 20px;
grid-template-columns: repeat(3, 1fr);
}
.price-card {
border: 1px solid rgba(247, 243, 236, 0.12);
padding: 22px 20px 20px;
position: relative;
background: rgba(247, 243, 236, 0.05);
transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.4s var(--ease-out);
border-radius: var(--radius-md);
}
.price-card__label {
color: #B9A8B1;
font-size: 12px;
margin-bottom: 10px;
letter-spacing: 0.06em;
}
.price-card__value {
color: var(--cream);
font-size: 34px;
font-family: var(--font-heading);
line-height: 1.05;
white-space: nowrap;
margin-bottom: 8px;
}
.price-card__note {
color: #B9A8B1;
font-size: 12.5px;
line-height: 1.45;
}
.placeholder-value {
color: var(--gold);
border: 0;
padding: 0;
border-radius: 0;
}
.simulator {
color: var(--text);
padding: 36px;
position: relative;
background: var(--paper);
box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.6);
border-radius: var(--radius-xl);
}
.sim-field {
margin-top: 28px;
}
.sim-field__head {
gap: 12px;
display: flex;
align-items: baseline;
margin-bottom: 12px;
justify-content: space-between;
}
.sim-field__label {
color: var(--muted);
font-size: 14px;
font-weight: 500;
}
.sim-field__value {
color: var(--ink);
font-size: 22px;
font-family: var(--font-heading);
font-variant-numeric: tabular-nums;
}
.sim-range {
width: 100%;
cursor: pointer;
height: 28px;
margin: 0;
appearance: none;
background: transparent;
-webkit-appearance: none;
}
.sim-result {
padding: 24px;
background: var(--cream);
margin-top: 32px;
border-radius: var(--radius-lg);
}
.sim-result__label {
color: var(--muted);
font-size: 13px;
font-weight: 500;
}
.sim-result__value {
gap: 8px;
color: var(--ink);
margin: 4px 0 14px;
display: flex;
font-size: clamp(40px, 4.4vw, 54px);
align-items: baseline;
font-family: var(--font-heading);
line-height: 1.1;
font-variant-numeric: tabular-nums;
}
.sim-result__per {
color: var(--faint);
font-size: 16px;
font-family: var(--font-body);
}
.sim-breakdown {
gap: 6px;
display: flex;
border-top: 1px solid var(--line);
padding-top: 14px;
flex-direction: column;
}
.sim-breakdown__row {
display: flex;
font-size: 13px;
justify-content: space-between;
}
.sim-note {
color: var(--faint);
font-size: 12px;
margin-top: 16px;
}
.flow-legend {
gap: 10px;
display: flex;
flex-wrap: wrap;
margin-top: 28px;
justify-content: center;
}
.who-chip {
gap: 8px;
color: var(--muted);
border: 1px solid var(--line);
display: inline-flex;
padding: 7px 14px 7px 10px;
font-size: 13px;
background: var(--paper);
align-items: center;
font-weight: 500;
border-radius: 999px;
}
.flow {
margin: 72px auto 0;
position: relative;
max-width: 980px;
}
.flow__line {
top: 8px;
left: 50%;
width: 2px;
bottom: 40px;
position: absolute;
background: var(--line);
margin-left: -1px;
border-radius: 2px;
}
.flow__fill {
top: 8px;
left: 50%;
width: 2px;
bottom: auto;
height: calc((100% - 48px) * var(--fill, 0));
position: absolute;
background: linear-gradient(180deg, var(--terra), var(--plum) 55%, var(--sage));
margin-left: -1px;
border-radius: 2px;
}
.flow-step {
width: 50%;
padding: 0 64px 56px 0;
position: relative;
text-align: right;
}
.flow-step__dot {
top: 4px;
right: -11px;
width: 22px;
border: 2px solid var(--line-strong);
height: 22px;
z-index: 1;
position: absolute;
background: var(--paper);
transition: border-color 0.4s ease, background-color 0.4s ease, transform 0.6s var(--ease-spring), box-shadow 0.4s ease;
border-radius: 50%;
}
.flow-step__who {
color: var(--terra);
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-bottom: 8px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.flow-step__title {
color: var(--ink);
font-size: 24px;
font-family: var(--font-heading);
line-height: 1.2;
margin-bottom: 6px;
}
.flow-step__desc {
color: var(--muted);
font-size: 15px;
line-height: 1.55;
}
.swatch-dot {
width: 28px;
height: 28px;
display: block;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
flex-shrink: 0;
border-radius: 50%;
}
.swatch-dot--prune {
background: linear-gradient(135deg, #3A2434 50%, #C8A165 50%);
}
.swatch-dot--sauge {
background: linear-gradient(135deg, #566040 50%, #E7DCC4 50%);
}
.swatch-dot--ocean {
background: linear-gradient(135deg, #1F3B4D 50%, #E0A96D 50%);
}
.swatch-dot--poudre {
background: linear-gradient(135deg, #B8697A 50%, #F6E4DF 50%);
}
.widget-preview {
color: var(--wp-ink);
border: 1px solid rgba(230, 220, 205, 0.8);
--wp-bg: #FFFDF9;
padding: 32px;
--wp-ink: #2A2126;
overflow: hidden;
position: relative;
--wp-font: var(--font-heading);
--wp-gold: #C8A165;
min-width: 0;
--wp-cover: #3A2434;
--wp-muted: #6B6259;
--wp-style: normal;
--wp-title: 26px;
background: var(--wp-bg);
box-shadow: var(--shadow-lift);
transition: background-color 0.7s ease, color 0.7s ease;
--wp-accent: #3A2434;
--wp-weight: 400;
--wp-surface: #F7F1E8;
--wp-tracking: -0.01em;
border-radius: var(--radius-lg);
--wp-accent-ink: #FFFDF9;
}
.widget-preview__bar {
gap: 12px;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
margin-bottom: 28px;
padding-bottom: 18px;
justify-content: space-between;
}
.widget-preview__logo {
gap: 10px;
color: var(--wp-ink);
display: flex;
font-size: 16px;
font-style: var(--wp-style);
transition: color 0.7s ease, opacity 0.18s ease, transform 0.18s ease;
align-items: center;
font-family: var(--wp-font);
font-weight: 600;
}
.widget-preview__menu {
gap: 14px;
display: flex;
}
.widget-preview__body {
gap: 36px;
display: grid;
align-items: center;
grid-template-columns: minmax(0, 210px) minmax(0, 1fr);
}
.widget-preview__cover {
display: flex;
padding: 16px;
position: relative;
background: var(--wp-cover);
box-shadow: 0 20px 34px -18px rgba(0, 0, 0, 0.55);
transition: background-color 0.7s ease;
aspect-ratio: 3 / 4.2;
border-radius: 4px 10px 10px 4px;
flex-direction: column;
justify-content: flex-end;
}
.widget-preview__kicker {
color: var(--wp-muted);
font-size: 11px;
transition: color 0.7s ease;
font-weight: 600;
margin-bottom: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.widget-preview__title {
color: var(--wp-ink);
font-size: var(--wp-title);
font-style: var(--wp-style);
transition: color 0.7s ease, opacity 0.18s ease, transform 0.18s ease;
font-family: var(--wp-font);
font-weight: var(--wp-weight);
line-height: 1.15;
margin-bottom: 12px;
letter-spacing: var(--wp-tracking);
}
.widget-preview__text {
color: var(--wp-muted);
font-size: 14px;
transition: color 0.7s ease;
line-height: 1.55;
margin-bottom: 18px;
}
.widget-preview__btn {
color: var(--wp-accent-ink);
display: inline-flex;
padding: 11px 20px;
font-size: 13.5px;
background: var(--wp-accent);
transition: background-color 0.7s ease;
font-weight: 600;
border-radius: 999px;
}
.stepper {
gap: 20px;
display: grid;
position: relative;
grid-template-columns: repeat(5, 1fr);
}
.step {
z-index: 1;
position: relative;
text-align: center;
}
.step__num {
color: var(--terra);
width: 62px;
border: 1px solid var(--line-strong);
height: 62px;
margin: 0 auto 22px;
display: flex;
font-size: 26px;
background: var(--paper);
font-style: italic;
transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, transform 0.6s var(--ease-spring);
align-items: center;
font-family: var(--font-heading);
border-radius: 50%;
justify-content: center;
}
.step__title {
color: var(--ink);
font-size: 19px;
font-family: var(--font-heading);
line-height: 1.25;
margin-bottom: 8px;
}
.step__desc {
color: var(--muted);
font-size: 14px;
line-height: 1.55;
}
.dash-grid {
gap: 72px;
display: grid;
align-items: center;
grid-template-columns: 0.9fr 1.1fr;
}
.dash {
border: 1px solid var(--line);
padding: 26px;
position: relative;
background: var(--paper);
box-shadow: var(--shadow-lift);
border-radius: var(--radius-lg);
}
.dash__top {
display: flex;
align-items: center;
margin-bottom: 20px;
justify-content: space-between;
}
.dash__demo {
color: var(--faint);
padding: 5px 10px;
font-size: 10.5px;
background: var(--cream);
font-weight: 600;
border-radius: 999px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.dash__dots {
gap: 5px;
display: flex;
}
.dash-kpis {
gap: 12px;
display: grid;
margin-bottom: 16px;
grid-template-columns: repeat(3, 1fr);
}
.kpi {
padding: 16px;
background: var(--cream);
border-radius: var(--radius-md);
}
.kpi__label {
color: var(--faint);
font-size: 12px;
margin-bottom: 6px;
}
.kpi__value {
color: var(--ink);
font-size: 28px;
font-family: var(--font-heading);
line-height: 1.1;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.dash-chart {
padding: 16px 16px 8px;
background: var(--cream);
border-radius: var(--radius-md);
margin-bottom: 12px;
}
.dash-chart__label {
color: var(--faint);
font-size: 12px;
margin-bottom: 8px;
}
.dash-row {
gap: 12px;
color: var(--muted);
display: grid;
padding: 12px 4px;
font-size: 13.5px;
border-top: 1px solid var(--line);
align-items: center;
grid-template-columns: 1fr auto auto;
}
.status-pill {
gap: 6px;
color: var(--sage-dark);
display: inline-flex;
padding: 4px 10px;
font-size: 12px;
background: rgba(110, 122, 82, 0.12);
align-items: center;
border-radius: 999px;
}
.duo-grid {
gap: 24px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.info-card {
border: 1px solid var(--line);
padding: 40px;
overflow: hidden;
position: relative;
background: var(--paper);
border-radius: var(--radius-xl);
}
.info-card__icon {
color: var(--terra);
width: 52px;
height: 52px;
display: flex;
background: rgba(193, 99, 59, 0.1);
align-items: center;
border-radius: 16px;
margin-bottom: 28px;
justify-content: center;
}
.lang-chips {
gap: 8px;
display: flex;
flex-wrap: wrap;
margin-top: 24px;
}
.lang-chip {
color: var(--plum);
border: 1px solid var(--line);
padding: 8px 14px;
font-size: 13px;
background: var(--cream);
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
font-weight: 500;
border-radius: 999px;
}
.audience-grid {
gap: 64px;
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr;
}
.audience-list {
gap: 0;
display: flex;
margin-top: 32px;
counter-reset: lw-aud;
flex-direction: column;
}
.audience-item {
gap: 18px;
display: grid;
padding: 18px 0;
border-top: 1px solid var(--line);
transition: padding-left 0.4s var(--ease-out);
align-items: start;
grid-template-columns: 44px 1fr;
}
.audience-item__num {
color: var(--terra);
font-size: 30px;
font-style: italic;
font-family: var(--font-heading);
line-height: 1;
}
.audience-item__title {
color: var(--ink);
font-size: 17px;
font-weight: 600;
margin-bottom: 4px;
}
.audience-item__desc {
color: var(--muted);
font-size: 14.5px;
line-height: 1.55;
}
.faq-list {
border-top: 1px solid var(--line-strong);
}
.cta-final {
width: 100%;
padding: 150px 0;
overflow: hidden;
position: relative;
min-width: 0;
text-align: center;
}
.page-hero {
width: 100%;
padding: 96px 0 104px;
overflow: hidden;
position: relative;
min-width: 0;
text-align: center;
}
.report-grid {
gap: 80px;
display: grid;
align-items: start;
grid-template-columns: 1.1fr 0.9fr;
}
.report-visual {
top: 120px;
position: sticky;
}
.stat-row {
gap: 12px;
display: grid;
margin-top: 28px;
grid-template-columns: 1fr 1fr;
}
.stat {
border: 1px solid var(--line);
padding: 22px;
background: var(--paper);
text-align: center;
border-radius: var(--radius-md);
}
.stat__value {
color: var(--terra);
font-size: 44px;
font-style: italic;
font-family: var(--font-heading);
line-height: 1;
font-variant-numeric: tabular-nums;
}
.stat__label {
color: var(--faint);
font-size: 13px;
margin-top: 8px;
}
.toc {
border-top: 1px solid var(--line-strong);
margin-top: 40px;
counter-reset: lw-toc;
}
.toc-item {
gap: 24px;
display: grid;
padding: 26px 0;
position: relative;
border-bottom: 1px solid var(--line);
grid-template-columns: 64px 1fr;
}
.toc-item__num {
color: var(--terra);
font-size: 34px;
font-style: italic;
font-family: var(--font-heading);
line-height: 1;
}
.toc-item__title {
color: var(--ink);
font-size: 22px;
font-family: var(--font-heading);
line-height: 1.25;
margin-bottom: 6px;
}
.toc-item__desc {
color: var(--muted);
font-size: 15px;
line-height: 1.6;
}
.detail-list {
gap: 10px;
margin: 24px 0 0;
display: flex;
padding: 0;
list-style: none;
flex-direction: column;
}
.teaser {
gap: 56px;
display: grid;
padding: 56px;
position: relative;
align-items: center;
border-radius: var(--radius-xl);
grid-template-columns: 1fr 260px;
}
.never-grid {
gap: 14px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.never-item {
gap: 16px;
border: 1px solid var(--line);
display: flex;
padding: 24px 26px;
background: var(--paper);
transition: transform 0.4s var(--ease-out), box-shadow 0.4s var(--ease-out);
align-items: center;
border-radius: var(--radius-md);
}
.never-item__icon {
color: var(--terra);
width: 36px;
height: 36px;
display: flex;
background: rgba(193, 99, 59, 0.1);
align-items: center;
flex-shrink: 0;
border-radius: 50%;
justify-content: center;
}
.model-steps {
gap: 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.model-step {
border: 1px solid var(--line);
padding: 36px 30px 32px;
overflow: hidden;
position: relative;
background: var(--paper);
transition: transform 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out);
border-radius: var(--radius-xl);
}
.model-step__num {
top: -18px;
color: transparent;
right: 14px;
position: absolute;
font-size: 150px;
font-style: italic;
font-family: var(--font-heading);
line-height: 1;
pointer-events: none;
-webkit-text-stroke: 1px rgba(193, 99, 59, 0.28);
}
.model-step__label {
color: var(--faint);
font-size: 13px;
font-weight: 600;
margin-bottom: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.model-step__value {
color: var(--ink);
font-size: 48px;
font-family: var(--font-heading);
line-height: 1;
margin-bottom: 18px;
}
.faq-layout {
gap: 72px;
display: grid;
min-width: 0;
align-items: start;
grid-template-columns: 260px 1fr;
}
.faq-nav {
top: 110px;
position: sticky;
}
.faq-search {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 14px 16px 14px 44px;
font-size: 15px;
background: var(--paper) url("data:image/svg+xml;utf8,") 16px center / 18px no-repeat;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
font-family: var(--font-body);
border-radius: 999px;
margin-bottom: 24px;
}
.faq-cats {
gap: 2px;
display: flex;
flex-direction: column;
}
.faq-group__title {
color: var(--ink);
font-size: 30px;
border-left: 0.35rem solid var(--terra, #c1633b);
font-family: var(--font-heading);
font-weight: 700;
padding-left: 0.85rem;
margin-bottom: 1.25rem;
letter-spacing: -0.02em;
}
.faq-empty {
color: var(--faint);
display: none;
padding: 40px 0;
font-size: 16px;
}
.needs-grid {
gap: 16px;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.need {
border: 1px solid var(--line);
padding: 30px 26px;
background: var(--paper);
transition: transform 0.45s var(--ease-out), box-shadow 0.45s var(--ease-out);
border-radius: var(--radius-lg);
}
.need__icon {
color: var(--terra);
width: 48px;
height: 48px;
display: flex;
background: rgba(193, 99, 59, 0.1);
align-items: center;
border-radius: 14px;
margin-bottom: 22px;
justify-content: center;
}
.need__title {
color: var(--ink);
font-size: 18px;
font-family: var(--font-heading);
margin-bottom: 8px;
}
.need__desc {
color: var(--muted);
font-size: 14px;
line-height: 1.55;
}
.link-cards {
gap: 16px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.link-card {
border: 1px solid var(--line);
height: 100%;
display: flex;
padding: 30px;
background: var(--paper);
transition: transform 0.45s var(--ease-out), box-shadow 0.45s var(--ease-out), border-color 0.3s ease;
border-radius: var(--radius-lg);
flex-direction: column;
}
.link-card__title {
gap: 10px;
color: var(--ink);
display: flex;
font-size: 22px;
align-items: center;
font-family: var(--font-heading);
margin-bottom: 8px;
justify-content: space-between;
}
.link-card__desc {
color: var(--muted);
font-size: 14.5px;
line-height: 1.55;
}
.contact-grid {
gap: 72px;
display: grid;
align-items: start;
grid-template-columns: 0.8fr 1.2fr;
}
.form-card {
gap: 20px;
border: 1px solid var(--line);
display: flex;
padding: 40px;
background: var(--paper);
box-shadow: var(--shadow-soft);
border-radius: var(--radius-xl);
flex-direction: column;
}
.form-label {
color: var(--ink);
font-size: 13.5px;
font-weight: 600;
}
.choice-pills {
gap: 8px;
display: flex;
flex-wrap: wrap;
}
.choice-pill {
cursor: pointer;
position: relative;
}
.video-frame {
margin: 0 auto;
position: relative;
max-width: 1040px;
}
.play-btn {
color: var(--plum);
width: 84px;
height: 84px;
display: flex;
animation: lw-ring 2.6s ease-out infinite;
background: var(--paper);
box-shadow: 0 0 0 12px rgba(247, 243, 236, 0.15);
align-items: center;
border-radius: 50%;
justify-content: center;
}
.platform-list {
border-top: 1px solid var(--line-strong);
}
.platform-initial {
color: var(--plum);
width: 42px;
height: 42px;
display: inline-flex;
font-size: 18px;
background: var(--sand);
font-style: italic;
align-items: center;
font-family: var(--font-heading);
border-radius: 12px;
justify-content: center;
}
.lo-mb-40 {
margin: 0 auto 40px;
max-width: 620px;
}
.video-slot {
gap: 22px;
}
.platform-body {
padding: 0 0 32px 58px;
}
.howto {
gap: 12px;
margin: 0 0 22px;
display: flex;
padding: 0;
list-style: none;
counter-reset: howto;
flex-direction: column;
}
.code-block {
overflow: hidden;
background: var(--ink);
border-radius: var(--radius-md);
}
.code-block__head {
display: flex;
padding: 10px 12px 10px 18px;
align-items: center;
border-bottom: 1px solid rgba(247, 243, 236, 0.08);
justify-content: space-between;
}
.code-block__label {
color: #A8979F;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.code-copy {
gap: 6px;
color: var(--cream);
border: 1px solid rgba(247, 243, 236, 0.2);
cursor: pointer;
display: inline-flex;
padding: 6px 12px;
font-size: 12px;
background: transparent;
transition: background-color 0.25s ease, border-color 0.25s ease;
align-items: center;
border-radius: 999px;
}
.footer-brand {
color: var(--cream);
margin-bottom: 18px;
}
.footer-tagline {
color: #B8ABA5;
font-size: 14.5px;
max-width: 300px;
line-height: 1.65;
}
.lo-mt-20 {
margin-top: 20px;
}
.lo-mt-24 {
margin-top: 24px;
}
.lo-mt-40 {
margin-top: 40px;
}
.lo-mt-56 {
margin-top: 56px;
}
.eyebrow::before {
width: 28px;
height: 1px;
content: "";
opacity: 0.7;
background: currentColor;
}
.eyebrow.eyebrow-center::after {
width: 28px;
height: 1px;
content: "";
opacity: 0.7;
background: currentColor;
}
.text-center .eyebrow::after {
width: 28px;
height: 1px;
content: "";
opacity: 0.7;
background: currentColor;
}
.text-center .btn-row {
justify-content: center;
}
.bg-plum .display {
color: var(--on-dark);
}
.bg-plum .h1 {
color: var(--on-dark);
}
.bg-plum .h2 {
color: var(--on-dark);
}
.bg-plum .h3 {
color: var(--on-dark);
}
.bg-plum .h4 {
color: var(--on-dark);
}
.bg-plum .accent {
color: var(--terra-soft);
}
.bg-plum .lead {
color: var(--on-dark-muted);
}
.bg-plum .body-text {
color: var(--on-dark-muted);
}
.bg-plum .small {
color: #A8979F;
}
.bg-plum .link-arrow {
color: var(--cream);
}
.bg-plum .link-arrow:hover {
color: var(--terra-soft);
}
.bg-plum .check-list li {
color: var(--on-dark);
border-color: rgba(247, 243, 236, 0.12);
}
.bg-ink .display {
color: var(--on-dark);
}
.bg-ink .h1 {
color: var(--on-dark);
}
.bg-ink .h2 {
color: var(--on-dark);
}
.bg-ink .h3 {
color: var(--on-dark);
}
.bg-ink .h4 {
color: var(--on-dark);
}
.bg-ink .accent {
color: var(--terra-soft);
}
.bg-ink .lead {
color: var(--on-dark-muted);
}
.bg-ink .body-text {
color: var(--on-dark-muted);
}
.bg-ink .small {
color: #A8979F;
}
.bg-ink .link-arrow {
color: var(--cream);
}
.bg-ink .link-arrow:hover {
color: var(--terra-soft);
}
.bg-ink .check-list li {
color: var(--on-dark);
border-color: rgba(247, 243, 236, 0.12);
}
.section-head.text-center {
margin-left: auto;
margin-right: auto;
}
.section-head .lead {
margin-top: 20px;
}
.btn::after {
top: 0;
left: -60%;
width: 40%;
height: 100%;
content: "";
position: absolute;
transform: skewX(-20deg);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
transition: left 0.7s var(--ease-out);
pointer-events: none;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 14px 30px -14px rgba(36, 26, 34, 0.55);
}
.btn:hover::after {
left: 120%;
}
.btn:active {
transform: translateY(0);
}
.btn .btn-arrow {
width: 16px;
height: 16px;
transition: transform 0.35s var(--ease-out);
}
.btn:hover .btn-arrow {
transform: translateX(4px);
}
.btn-ghost::after {
display: none;
}
.btn-ghost:hover {
color: var(--plum);
background: rgba(58, 36, 52, 0.05);
box-shadow: none;
border-color: var(--plum);
}
.btn-light::after {
display: none;
}
.btn-light:hover {
color: var(--ink);
background: var(--cream);
box-shadow: none;
border-color: var(--cream);
}
.link-arrow:hover {
color: var(--terra);
background-size: 30% 1px;
}
.link-arrow svg {
width: 16px;
height: 16px;
transition: transform 0.35s var(--ease-out);
}
.link-arrow:hover svg {
transform: translateX(4px);
}
.brand:hover .brand-mark {
transform: rotate(120deg);
}
.nav-main a::after {
left: 0;
right: 0;
bottom: -6px;
height: 1px;
content: "";
position: absolute;
transform: scaleX(0);
background: var(--terra);
transition: transform 0.4s var(--ease-out);
transform-origin: right;
}
.nav-main a:hover::after {
transform: scaleX(1);
transform-origin: left;
}
.nav-main a[aria-current="page"]::after {
transform: scaleX(1);
transform-origin: left;
}
.nav-side > a:not(:has(.btn)) {
color: var(--plum);
font-size: 15px;
font-weight: 500;
}
.nav-toggle-label span {
width: 18px;
height: 1.5px;
display: block;
background: var(--plum);
transition: transform 0.35s var(--ease-out), opacity 0.2s ease;
}
.site-header__bar:has(.nav-toggle:checked) .nav-toggle-label span:nth-child(1) {
transform: translateY(6.5px) rotate(45deg);
}
.site-header__bar:has(.nav-toggle:checked) .nav-toggle-label span:nth-child(2) {
opacity: 0;
}
.site-header__bar:has(.nav-toggle:checked) .nav-toggle-label span:nth-child(3) {
transform: translateY(-6.5px) rotate(-45deg);
}
.site-header__bar:has(.nav-toggle:checked) + .nav-mobile-panel {
display: flex;
animation: lw-drop 0.45s var(--ease-out);
}
.nav-mobile-panel > a {
color: var(--plum);
padding: 14px 0;
font-size: 22px;
font-family: var(--font-heading);
border-bottom: 1px solid var(--line);
}
.nav-mobile-panel > a:has(.btn) {
padding: 20px 0 0;
border-bottom: 0;
}
.nav-mobile-panel .btn {
width: 100%;
font-family: var(--font-body);
}
.hero::before {
top: -20%;
right: -10%;
width: 70%;
height: 120%;
content: "";
position: absolute;
background: radial-gradient(closest-side, rgba(193, 99, 59, 0.14), transparent 70%);
pointer-events: none;
}
.hero::after {
left: -15%;
width: 55%;
bottom: -30%;
height: 90%;
content: "";
position: absolute;
background: radial-gradient(closest-side, rgba(110, 122, 82, 0.12), transparent 70%);
pointer-events: none;
}
.hero-copy .display {
margin-bottom: 28px;
}
.hero-copy .lead {
max-width: 540px;
margin-bottom: 40px;
}
.hero-copy > * {
animation: lw-rise 1s var(--ease-out) both;
}
.hero-copy > *:nth-child(2) {
animation-delay: 0.08s;
}
.hero-copy > *:nth-child(3) {
animation-delay: 0.18s;
}
.hero-copy > *:nth-child(4) {
animation-delay: 0.28s;
}
.hero-copy > *:nth-child(5) {
animation-delay: 0.38s;
}
.reassurance-row span::before {
width: 18px;
height: 18px;
content: "";
background: var(--sage) url("data:image/svg+xml;utf8,") center / 11px no-repeat;
flex-shrink: 0;
border-radius: 50%;
}
.hero-stage .wheel {
top: 50%;
left: 54%;
width: 640px;
height: 640px;
margin: -320px 0 0 -320px;
opacity: 0.5;
position: absolute;
animation: lw-fade 2s ease 0.2s both;
}
.hero-stage .cover-back {
top: 128px;
left: 3%;
width: 38%;
position: absolute;
animation: lw-cover-in-back 1.3s var(--ease-out) 0.25s both;
transform: rotate(-9deg);
}
.hero-stage .cover-main {
top: 8px;
right: 0;
width: 34%;
bottom: 34px;
opacity: 0;
z-index: 3;
position: absolute;
animation: lw-cover-in-main 1.3s var(--ease-out) 0.1s both;
transform: translate(36px, 40px) rotate(14deg) scale(0.9);
transition: opacity 0.6s ease, transform 0.9s var(--ease-spring), box-shadow 0.6s var(--ease-out);
}
.hero-stage[data-step="3"] .cover-main {
opacity: 1;
transform: rotate(6deg);
box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.07), inset 14px 0 22px -14px rgba(0, 0, 0, 0.45), 0 60px 90px -36px rgba(36, 26, 34, 0.75), 0 0 0 1px rgba(200, 161, 101, 0.35);
}
.hero-stage[data-step="4"] .cover-main {
opacity: 1;
transform: rotate(6deg);
box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.07), inset 14px 0 22px -14px rgba(0, 0, 0, 0.45), 0 60px 90px -36px rgba(36, 26, 34, 0.75), 0 0 0 1px rgba(200, 161, 101, 0.35);
}
.hero-stage[data-step="1"] .cover-main .cover__name {
opacity: 0;
transform: translateY(8px);
}
.hero-stage[data-step="2"] .cover-main .cover__name {
opacity: 0;
transform: translateY(8px);
}
.hero-stage[data-step="2"] .site-widget__btn {
transform: scale(0.94);
background: var(--terra-dark);
}
.hero-stage[data-step="3"] .gen-bar i {
transform: scaleX(1);
transition: transform 1.4s var(--ease-out);
}
.hero-stage[data-step="4"] .gen-bar i {
transform: scaleX(1);
transition: transform 1.4s var(--ease-out);
}
.hero-stage[data-step="4"] .gen-status {
opacity: 1;
}
.hero-stage[data-step="4"] .sale-toast {
opacity: 1;
transform: none;
}
.hero-stage .site-widget {
animation: lw-rise 1.1s var(--ease-out) 0.55s both;
}
.hero-stage .wheel svg {
width: 100%;
height: 100%;
animation: lw-spin 160s linear infinite;
}
.cover::before {
inset: 12px 12px 12px 18px;
border: 1px solid var(--gold-soft);
content: "";
position: absolute;
border-radius: 3px 10px 10px 3px;
pointer-events: none;
}
.cover::after {
top: 0;
left: -80%;
width: 60%;
height: 100%;
content: "";
position: absolute;
transform: skewX(-18deg);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
transition: left 1.1s var(--ease-out);
pointer-events: none;
}
.cover:hover::after {
left: 130%;
}
.cover--sage .cover__ornament {
color: #F7E7C8;
opacity: 0.55;
}
.cover--terra .cover__ornament {
color: #F7E7C8;
opacity: 0.55;
}
.site-widget__chrome i {
width: 8px;
height: 8px;
display: block;
background: var(--line-strong);
border-radius: 50%;
}
.site-widget__chrome span {
color: var(--faint);
font-size: 11px;
margin-left: 8px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gen-bar i {
width: 100%;
height: 100%;
display: block;
transform: scaleX(0);
background: linear-gradient(90deg, var(--terra), var(--gold));
transform-origin: left;
}
.gen-status::before {
width: 7px;
height: 7px;
content: "";
background: var(--sage);
box-shadow: 0 0 0 4px rgba(110, 122, 82, 0.18);
border-radius: 50%;
}
.sale-toast__icon svg {
width: 18px;
height: 18px;
}
.marquee[data-ready="true"] .marquee__track {
animation: lw-marquee 38s linear infinite;
}
.marquee:hover .marquee__track {
animation-play-state: paused;
}
.marquee__item::before {
width: 6px;
height: 6px;
content: "";
transform: rotate(45deg);
background: var(--gold);
}
.marquee__item:hover {
color: var(--terra);
opacity: 1;
}
.range-item .cover {
transform-style: preserve-3d;
}
.range-item:hover .cover {
box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.07), inset 14px 0 22px -14px rgba(0, 0, 0, 0.45), 0 60px 90px -40px rgba(36, 26, 34, 0.7);
}
.range-caption .h4 {
font-size: 20px;
}
.feature-row.is-reversed {
grid-template-columns: 1.05fr 1fr;
}
.feature-row.is-reversed > :first-child {
order: 2;
}
.feature-row .h2 {
margin-bottom: 20px;
}
.feature-row .body-text {
margin-bottom: 28px;
}
.check-list li {
gap: 14px;
color: var(--text);
display: flex;
padding: 14px 0;
font-size: 15.5px;
border-top: 1px solid var(--line);
align-items: flex-start;
line-height: 1.5;
}
.check-list li:last-child {
border-bottom: 1px solid var(--line);
}
.check-list li::before {
width: 20px;
height: 20px;
content: "";
background: rgba(193, 99, 59, 0.12) url("data:image/svg+xml;utf8,") center / 12px no-repeat;
margin-top: 1px;
flex-shrink: 0;
border-radius: 50%;
}
.check-list.is-sage li::before {
background-color: rgba(110, 122, 82, 0.14);
background-image: url("data:image/svg+xml;utf8,");
}
.asset-slot__badge::before {
content: "À fournir";
}
.asset-slot::after {
color: var(--muted);
content: attr(data-asset);
font-size: 14px;
max-width: 42ch;
line-height: 1.55;
}
.asset-slot.is-dark::after {
color: var(--on-dark-muted);
}
.asset-slot.ratio-16x9 {
aspect-ratio: 16 / 9;
}
.asset-slot.ratio-16x10 {
aspect-ratio: 16 / 10;
}
.asset-slot.ratio-4x3 {
aspect-ratio: 4 / 3;
}
.asset-slot.is-dark {
background: repeating-linear-gradient(135deg, rgba(247, 243, 236, 0.04) 0 14px, transparent 14px 28px),radial-gradient(120% 120% at 20% 0%, #5A3A51 0%, #3A2434 50%, #241A22 100%);
border-color: rgba(247, 243, 236, 0.3);
}
.asset-slot.is-dark .asset-slot__text {
color: var(--on-dark-muted);
}
.asset-slot.is-dark .asset-slot__icon {
color: var(--terra-soft);
}
.asset-inline::before {
color: #FFFDF9;
content: "À fournir";
padding: 5px 9px;
font-size: 10px;
background: var(--terra);
flex-shrink: 0;
font-weight: 700;
border-radius: 999px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.asset-inline::after {
content: attr(data-asset);
}
.spread .asset-slot {
z-index: 1;
position: relative;
box-shadow: var(--shadow-lift);
}
.spread::before {
inset: 18px -18px -18px 18px;
border: 1px solid var(--line);
content: "";
position: absolute;
background: var(--sand);
border-radius: var(--radius-lg);
}
.discipline:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-soft);
border-color: var(--line-strong);
}
.discipline:hover .discipline__icon {
color: #FFFDF9;
transform: rotate(-8deg) scale(1.08);
background: var(--sage);
}
.discipline__icon svg {
width: 22px;
height: 22px;
}
.benefit + .benefit {
border-left: 1px solid var(--line);
padding-left: 32px;
}
.benefit:nth-child(even) .benefit__num {
-webkit-text-stroke-color: var(--sage);
}
.benefit:hover .benefit__num {
color: var(--terra);
}
.benefit:nth-child(even):hover .benefit__num {
color: var(--sage);
}
.benefit .h4 {
font-size: 22px;
margin-bottom: 12px;
}
.pricing-grid .h2 {
margin-bottom: 24px;
}
.pricing-grid .lead {
margin-bottom: 40px;
}
.price-card:hover {
transform: translateY(-3px);
background: rgba(247, 243, 236, 0.08);
border-color: rgba(200, 161, 101, 0.5);
}
.price-card.is-highlight {
background: linear-gradient(160deg, rgba(193, 99, 59, 0.28), rgba(193, 99, 59, 0.08));
border-color: rgba(193, 99, 59, 0.55);
}
.price-card.is-highlight .price-card__value {
color: #FFE6D7;
}
.simulator::before {
inset: -1px;
content: "";
opacity: 0.8;
z-index: -1;
position: absolute;
background: linear-gradient(140deg, var(--gold), transparent 40%, transparent 60%, var(--terra));
border-radius: calc(var(--radius-xl) + 1px);
}
.simulator .h3 {
color: var(--ink);
margin-bottom: 6px;
}
.simulator .small {
color: var(--faint);
}
.sim-range:focus {
outline: none;
}
.sim-range::-webkit-slider-runnable-track {
height: 6px;
background: linear-gradient(90deg, var(--terra) 0 var(--fill, 50%), var(--sand) var(--fill, 50%) 100%);
border-radius: 99px;
}
.sim-range::-moz-range-track {
height: 6px;
background: var(--sand);
border-radius: 99px;
}
.sim-range::-moz-range-progress {
height: 6px;
background: var(--terra);
border-radius: 99px;
}
.sim-range::-webkit-slider-thumb {
width: 24px;
border: 4px solid #FFFDF9;
height: 24px;
appearance: none;
background: var(--terra);
box-shadow: 0 2px 10px rgba(36, 26, 34, 0.3);
margin-top: -9px;
transition: transform 0.2s var(--ease-spring);
border-radius: 50%;
-webkit-appearance: none;
}
.sim-range::-moz-range-thumb {
width: 16px;
border: 4px solid #FFFDF9;
height: 16px;
background: var(--terra);
box-shadow: 0 2px 10px rgba(36, 26, 34, 0.3);
border-radius: 50%;
}
.sim-range:active::-webkit-slider-thumb {
transform: scale(1.18);
}
.sim-range:focus-visible::-webkit-slider-thumb {
transform: scale(1.18);
}
.sim-breakdown__row span:first-child {
color: var(--faint);
}
.sim-breakdown__row span:last-child {
color: var(--text);
font-variant-numeric: tabular-nums;
}
.who-chip::before {
width: 10px;
height: 10px;
content: "";
background: var(--terra);
border-radius: 50%;
}
.who-chip.is-solution::before {
background: var(--plum);
}
.who-chip.is-vous::before {
background: var(--sage);
}
.flow__steps > .flow-step:nth-child(odd) {
padding: 0 0 56px 64px;
text-align: left;
margin-left: 50%;
}
.flow__steps > .flow-step:nth-child(odd) .flow-step__dot {
left: -11px;
right: auto;
}
.flow-step + .flow-step {
margin-top: -44px;
}
.flow-step.is-active .flow-step__dot {
transform: scale(1.15);
background: var(--terra);
box-shadow: 0 0 0 1px var(--terra), 0 0 0 8px rgba(193, 99, 59, 0.14);
border-color: var(--paper);
}
.flow-step--solution.is-active .flow-step__dot {
background: var(--plum);
box-shadow: 0 0 0 1px var(--plum), 0 0 0 8px rgba(58, 36, 52, 0.14);
}
.flow-step--solution .flow-step__who {
color: var(--plum-3);
}
.flow-step--vous.is-active .flow-step__dot {
background: var(--sage);
box-shadow: 0 0 0 1px var(--sage), 0 0 0 8px rgba(110, 122, 82, 0.18);
}
.flow-step--vous .flow-step__who {
color: var(--sage);
}
.widget-preview__logo i {
width: 26px;
height: 26px;
display: block;
background: var(--wp-accent);
transition: background-color 0.7s ease, border-radius 0.7s ease;
border-radius: 8px;
}
.widget-preview__menu i {
width: 34px;
height: 6px;
display: block;
opacity: 0.18;
background: var(--wp-ink);
border-radius: 99px;
}
.widget-preview__cover::before {
inset: 8px 8px 8px 11px;
border: 1px solid var(--wp-gold);
content: "";
opacity: 0.6;
position: absolute;
transition: border-color 0.7s ease;
border-radius: 2px 7px 7px 2px;
}
.widget-preview__cover span {
color: #FFFDF9;
z-index: 1;
font-size: 15px;
font-style: italic;
font-family: var(--wp-font);
line-height: 1.15;
}
.stepper::before {
top: 31px;
left: 10%;
right: 10%;
height: 1px;
content: "";
position: absolute;
background: var(--line-strong);
}
.stepper::after {
top: 31px;
left: 10%;
right: 10%;
height: 1px;
content: "";
position: absolute;
transform: scaleX(0);
background: var(--terra);
transition: transform 1.8s var(--ease-out) 0.2s;
transform-origin: left;
}
.stepper.is-in::after {
transform: scaleX(1);
}
.step:hover .step__num {
color: #FFFDF9;
transform: translateY(-4px);
background: var(--terra);
border-color: var(--terra);
}
.dash__dots i {
width: 8px;
height: 8px;
display: block;
background: var(--line-strong);
border-radius: 50%;
}
.kpi.is-accent {
background: linear-gradient(160deg, rgba(110, 122, 82, 0.16), rgba(110, 122, 82, 0.06));
}
.kpi.is-accent .kpi__value {
color: var(--sage-dark);
}
.dash-chart svg {
width: 100%;
height: 90px;
display: block;
overflow: visible;
}
.dash-chart .chart-line {
fill: none;
stroke: var(--terra);
transition: stroke-dashoffset 2.2s var(--ease-out) 0.3s;
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.dash-chart .chart-area {
fill: url(#lw-chart-grad);
opacity: 0;
transition: opacity 1.2s ease 1.2s;
}
.dash-chart .chart-dot {
fill: var(--terra);
opacity: 0;
transition: opacity 0.4s ease 2.2s;
}
.dash.is-in .chart-line {
stroke-dashoffset: 0;
}
.dash.is-in .chart-area {
opacity: 1;
}
.dash.is-in .chart-dot {
opacity: 1;
animation: lw-pulse-dot 2s ease-in-out 2.6s infinite;
}
.dash-row > span:first-child {
color: var(--ink);
font-weight: 500;
}
.dash-row > span:last-child {
color: var(--sage-dark);
min-width: 72px;
text-align: right;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.status-pill.is-pending {
color: var(--terra-dark);
background: rgba(193, 99, 59, 0.12);
}
.info-card__icon svg {
width: 26px;
height: 26px;
}
.info-card.is-sage .info-card__icon {
color: var(--sage);
background: rgba(110, 122, 82, 0.12);
}
.info-card .h3 {
margin-bottom: 18px;
}
.info-card .body-text + .body-text {
margin-top: 12px;
}
.info-card strong {
color: var(--ink);
font-weight: 600;
}
.info-card .strong {
color: var(--ink);
font-weight: 600;
}
.lang-chip:hover {
color: #FFFDF9;
background: var(--sage);
border-color: var(--sage);
}
.audience-item:last-child {
border-bottom: 1px solid var(--line);
}
.audience-item:hover {
padding-left: 8px;
}
.audience-item__num::before {
content: counter(lw-aud, decimal-leading-zero);
counter-increment: lw-aud;
}
.faq-item summary:hover {
color: var(--terra);
}
.faq-item > p {
color: var(--muted);
margin: 0;
padding: 0 56px 26px 0;
font-size: 16px;
max-width: 64ch;
line-height: 1.7;
}
.faq-item .faq-body {
color: var(--muted);
margin: 0;
padding: 0 56px 26px 0;
font-size: 16px;
max-width: 64ch;
line-height: 1.7;
}
.faq-item.is-hidden {
display: none;
}
.cta-final .wheel {
top: 50%;
left: 50%;
width: 900px;
height: 900px;
margin: -450px 0 0 -450px;
opacity: 0.22;
position: absolute;
}
.cta-final .wheel svg {
width: 100%;
height: 100%;
animation: lw-spin 200s linear infinite;
}
.cta-final .btn-row {
justify-content: center;
}
.cta-final .container {
z-index: 1;
position: relative;
}
.cta-final .h2 {
margin: 0 auto 40px;
font-size: clamp(36px, 4.8vw, 64px);
max-width: 860px;
}
.page-hero .wheel {
top: 50%;
left: 50%;
width: 760px;
height: 760px;
margin: -380px 0 0 -380px;
opacity: 0.28;
position: absolute;
}
.page-hero .wheel svg {
width: 100%;
height: 100%;
animation: lw-spin 180s linear infinite;
}
.page-hero .container {
z-index: 1;
position: relative;
}
.page-hero .h1 {
margin: 0 auto 24px;
max-width: 900px;
}
.page-hero .lead {
margin: 0 auto;
max-width: 680px;
}
.page-hero .container > * {
animation: lw-rise 1s var(--ease-out) both;
}
.page-hero .container > *:nth-child(2) {
animation-delay: 0.1s;
}
.page-hero .container > *:nth-child(3) {
animation-delay: 0.2s;
}
.page-hero .container > *:nth-child(4) {
animation-delay: 0.3s;
}
.page-hero .btn-row {
justify-content: center;
}
.report-grid.is-reversed {
grid-template-columns: 0.9fr 1.1fr;
}
.report-grid.is-reversed > :first-child {
order: 2;
}
.report-visual .cover {
margin: 0 auto;
max-width: 400px;
}
.toc-item::before {
left: 0;
width: 0;
bottom: -1px;
height: 1px;
content: "";
position: absolute;
background: var(--terra);
transition: width 0.6s var(--ease-out);
}
.toc-item:hover::before {
width: 100%;
}
.toc-item__num::before {
content: counter(lw-toc, upper-roman);
counter-increment: lw-toc;
}
.detail-list li {
gap: 12px;
color: var(--muted);
display: flex;
font-size: 14.5px;
align-items: center;
}
.detail-list li::before {
width: 6px;
height: 6px;
content: "";
transform: rotate(45deg);
background: var(--gold);
flex-shrink: 0;
}
.teaser .cover {
transform: rotate(5deg);
}
.never-item:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-soft);
}
.never-item p {
color: var(--ink);
font-size: 16px;
font-weight: 500;
}
.never-item__icon svg {
width: 16px;
height: 16px;
}
.model-step:hover {
transform: translateY(-6px);
box-shadow: var(--shadow-lift);
}
.model-step.is-highlight {
color: var(--on-dark);
background: linear-gradient(160deg, #4E3145, #3A2434);
border-color: transparent;
}
.model-step.is-highlight .model-step__value {
color: #FFE6D7;
}
.model-step.is-highlight .model-step__label {
color: var(--on-dark-muted);
}
.model-step.is-highlight .body-text {
color: var(--on-dark-muted);
}
.model-step.is-highlight .model-step__num {
-webkit-text-stroke-color: rgba(200, 161, 101, 0.45);
}
.model-step .placeholder-value {
color: var(--terra);
border-color: rgba(193, 99, 59, 0.6);
}
.faq-search:focus {
box-shadow: 0 0 0 4px rgba(193, 99, 59, 0.12);
border-color: var(--terra);
}
.faq-cats a {
color: var(--muted);
padding: 10px 14px;
font-size: 15px;
transition: background-color 0.25s ease, color 0.25s ease;
}
.faq-cats a:hover {
color: var(--ink);
background: var(--sand);
}
.faq-cats a.is-current {
color: var(--ink);
background: var(--paper);
box-shadow: inset 3px 0 0 var(--terra);
font-weight: 600;
}
.faq-empty.is-visible {
display: block;
}
.need:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-soft);
}
.need__icon svg {
width: 24px;
height: 24px;
}
.link-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-soft);
border-color: var(--line-strong);
}
.link-card:hover .link-card__title svg {
transform: translate(3px, -3px);
}
.link-card__title svg {
color: var(--terra);
width: 20px;
height: 20px;
transition: transform 0.4s var(--ease-out);
}
.contact-aside .h2 {
margin-bottom: 20px;
}
.contact-aside .check-list {
margin-top: 32px;
}
.form-field input:focus {
background: var(--paper);
box-shadow: 0 0 0 4px rgba(193, 99, 59, 0.12);
border-color: var(--terra);
}
.form-field textarea:focus {
background: var(--paper);
box-shadow: 0 0 0 4px rgba(193, 99, 59, 0.12);
border-color: var(--terra);
}
.form-field select:focus {
background: var(--paper);
box-shadow: 0 0 0 4px rgba(193, 99, 59, 0.12);
border-color: var(--terra);
}
.choice-pill input {
opacity: 0;
position: absolute;
pointer-events: none;
}
.choice-pill span {
color: var(--muted);
border: 1px solid var(--line-strong);
display: inline-flex;
padding: 10px 16px;
font-size: 14px;
background: var(--cream);
transition: all 0.25s ease;
border-radius: 999px;
}
.choice-pill:hover span {
border-color: var(--plum);
}
.choice-pill input:checked + span {
color: var(--cream);
background: var(--plum);
border-color: var(--plum);
}
.choice-pill input:focus-visible + span {
outline: 2px solid var(--terra);
outline-offset: 2px;
}
.form-card .btn {
align-self: flex-start;
margin-top: 6px;
}
.video-frame .asset-slot {
box-shadow: 0 50px 100px -50px rgba(36, 26, 34, 0.7);
}
.play-btn svg {
width: 28px;
height: 28px;
margin-left: 4px;
}
.platform-item summary .platform-name {
gap: 16px;
display: inline-flex;
align-items: center;
}
.platform-initial::before {
content: attr(data-initial);
font-style: normal;
font-weight: 500;
}
.needs-grid.is-three {
margin: 0 auto;
max-width: 900px;
grid-template-columns: repeat(3, 1fr);
}
.needs-grid.is-three .need {
text-align: center;
}
.needs-grid.is-three .need__icon {
margin-left: auto;
margin-right: auto;
}
.platform-body > p {
color: var(--muted);
font-size: 16px;
line-height: 1.7;
margin-bottom: 18px;
}
.howto li {
gap: 14px;
color: var(--text);
display: flex;
font-size: 15px;
line-height: 1.55;
counter-increment: howto;
}
.howto li::before {
color: var(--terra);
width: 26px;
height: 26px;
content: counter(howto);
display: inline-flex;
font-size: 13px;
background: rgba(193, 99, 59, 0.1);
align-items: center;
flex-shrink: 0;
font-weight: 700;
border-radius: 50%;
justify-content: center;
}
.code-copy:hover {
background: rgba(247, 243, 236, 0.08);
}
.code-copy svg {
width: 14px;
height: 14px;
}
.code-copy .is-done {
display: none;
}
.code-copy[data-copied="true"] {
background: var(--sage);
border-color: var(--sage);
}
.code-copy[data-copied="true"] .is-idle {
display: none;
}
.code-copy[data-copied="true"] .is-done {
display: inline;
}
.code-block pre {
color: #E9DDE3;
margin: 0;
padding: 18px;
font-size: 13px;
overflow-x: auto;
font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
line-height: 1.6;
white-space: pre;
}
.footer-brand .brand-mark {
color: var(--gold);
}
.footer-links a:hover {
color: var(--terra-soft);
transform: translateX(3px);
}
.footer-bottom a:hover {
color: var(--cream);
}
.menu-component-wrapper {
display: contents;
}
.menu-component-container10 {
width: 100%;
display: flex;
position: relative;
align-items: flex-start;
flex-direction: column;
}
.wheel__inner {
width: 100%;
height: 100%;
position: relative;
}
.wheel__nums {
inset: 0;
position: absolute;
}
.wheel__num {
inset: 0;
position: absolute;
}
.cover__num {
top: 50%;
left: 50%;
color: var(--gold);
width: 62%;
position: absolute;
transform: translate(-50%, -54%);
aspect-ratio: 1;
container-type: inline-size;
pointer-events: none;
}
.gen-bar__fill {
width: 100%;
height: 100%;
display: block;
transform: scaleX(0);
background: linear-gradient(90deg, var(--terra), var(--gold));
transform-origin: left;
}
.widget-preview__mark {
width: 28px;
height: 28px;
display: block;
background: var(--wp-accent);
transition: background-color 0.7s ease;
border-radius: 8px;
}
.widget-preview__line {
width: 34px;
height: 6px;
display: block;
opacity: 0.18;
background: var(--wp-ink);
transition: background-color 0.7s ease;
border-radius: 99px;
}
.wheel__inner svg {
width: 100%;
height: 100%;
display: block;
}
.wheel__num::before {
top: 10%;
left: 50%;
color: currentColor;
width: 1.2em;
content: attr(data-num);
display: block;
position: absolute;
font-size: 4.7cqw;
font-style: italic;
margin-top: -0.6em;
text-align: center;
font-family: var(--font-heading);
line-height: 1.2em;
margin-left: -0.6em;
}
.wheel__num[data-num="1"] {
transform: rotate(0deg);
}
.wheel__num[data-num="1"]::before {
transform: rotate(-0deg);
}
.wheel__num[data-num="2"] {
transform: rotate(40deg);
}
.wheel__num[data-num="2"]::before {
transform: rotate(-40deg);
}
.wheel__num[data-num="3"] {
transform: rotate(80deg);
}
.wheel__num[data-num="3"]::before {
transform: rotate(-80deg);
}
.wheel__num[data-num="4"] {
transform: rotate(120deg);
}
.wheel__num[data-num="4"]::before {
transform: rotate(-120deg);
}
.wheel__num[data-num="5"] {
transform: rotate(160deg);
}
.wheel__num[data-num="5"]::before {
transform: rotate(-160deg);
}
.wheel__num[data-num="6"] {
transform: rotate(200deg);
}
.wheel__num[data-num="6"]::before {
transform: rotate(-200deg);
}
.wheel__num[data-num="7"] {
transform: rotate(240deg);
}
.wheel__num[data-num="7"]::before {
transform: rotate(-240deg);
}
.wheel__num[data-num="8"] {
transform: rotate(280deg);
}
.wheel__num[data-num="8"]::before {
transform: rotate(-280deg);
}
.wheel__num[data-num="9"] {
transform: rotate(320deg);
}
.wheel__num[data-num="9"]::before {
transform: rotate(-320deg);
}
.cover__num::before {
top: 50%;
left: 0;
right: 0;
content: attr(data-num);
position: absolute;
font-size: 26cqw;
transform: translateY(-50%);
font-style: italic;
text-align: center;
font-family: var(--font-heading);
line-height: 1;
}
.cover--sage .cover__num {
color: #F7E7C8;
opacity: 0.8;
}
.cover--terra .cover__num {
color: #F7E7C8;
opacity: 0.8;
}
.hero-stage[data-step="3"] .gen-bar__fill {
transform: scaleX(1);
transition: transform 1.4s var(--ease-out);
}
.hero-stage[data-step="4"] .gen-bar__fill {
transform: scaleX(1);
transition: transform 1.4s var(--ease-out);
}
.hero-stage .wheel__inner {
width: 100%;
height: 100%;
animation: lw-spin 160s linear infinite;
}
.site-widget__chrome .lw-dot {
width: 8px;
height: 8px;
display: block;
background: var(--line-strong);
border-radius: 50%;
}
.dash__dots .lw-dot {
width: 8px;
height: 8px;
display: block;
background: var(--line-strong);
border-radius: 50%;
}
.cta-final .wheel__inner {
width: 100%;
height: 100%;
animation: lw-spin 200s linear infinite;
}
.page-hero .wheel__inner {
width: 100%;
height: 100%;
animation: lw-spin 180s linear infinite;
}
.nav-side >a:not(:has(.btn)) {
color: var(--plum);
font-size: 15px;
font-weight: 500;
}
.site-header__bar:has(.nav-toggle:checked)+.nav-mobile-panel {
display: flex;
animation: lw-drop 0.45s var(--ease-out);
}
.nav-mobile-panel >a {
color: var(--plum);
padding: 14px 0;
font-size: 22px;
font-family: var(--font-heading);
border-bottom: 1px solid var(--line);
}
.nav-mobile-panel >a:has(.btn) {
padding: 20px 0 0;
border-bottom: 0;
}
.feature-row.is-reversed> :first-child {
order: 2;
}
.benefit +.benefit {
border-left: 1px solid var(--line);
padding-left: 32px;
}
.flow-step +.flow-step {
margin-top: -44px;
}
.dash-row >span:first-child {
color: var(--ink);
font-weight: 500;
}
.dash-row >span:last-child {
color: var(--sage-dark);
min-width: 72px;
text-align: right;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.info-card .body-text+.body-text {
margin-top: 12px;
}
.faq-item >p {
color: var(--muted);
margin: 0;
padding: 0 56px 26px 0;
font-size: 16px;
max-width: 64ch;
line-height: 1.7;
}
.page-hero .container>* {
animation: lw-rise 1s var(--ease-out) both;
}
.page-hero .container>*:nth-child(2) {
animation-delay: 0.1s;
}
.page-hero .container>*:nth-child(3) {
animation-delay: 0.2s;
}
.page-hero .container>*:nth-child(4) {
animation-delay: 0.3s;
}
.report-grid.is-reversed> :first-child {
order: 2;
}
.choice-pill input:checked+span {
color: var(--cream);
background: var(--plum);
border-color: var(--plum);
}
.choice-pill input:focus-visible+span {
outline: 2px solid var(--terra);
outline-offset: 2px;
}
.platform-body >p {
color: var(--muted);
font-size: 16px;
line-height: 1.7;
margin-bottom: 18px;
}
.footer-end {
gap: 28px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.lang-switch {
position: relative;
}
.lang-switch__button {
gap: 8px;
color: #D8C9C3;
border: 1px solid rgba(247, 243, 236, 0.18);
cursor: pointer;
display: inline-flex;
padding: 8px 14px 8px 12px;
font-size: 13px;
background: transparent;
transition: border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease;
align-items: center;
font-family: var(--font-body);
border-radius: 999px;
}
.lang-switch__icon {
color: var(--gold);
width: 16px;
height: 16px;
}
.lang-switch__caret {
width: 14px;
height: 14px;
opacity: 0.7;
transition: transform 0.3s var(--ease-out);
}
.lang-switch__menu {
right: 0;
bottom: calc(100% + 10px);
display: flex;
padding: 6px;
z-index: 20;
position: absolute;
animation: lw-drop 0.3s var(--ease-out);
min-width: 190px;
background: var(--paper);
box-shadow: 0 24px 50px -20px rgba(0, 0, 0, 0.55);
border-radius: var(--radius-md);
flex-direction: column;
}
.lang-switch__option {
gap: 10px;
color: var(--text);
border: 0;
cursor: pointer;
display: flex;
padding: 10px 12px;
font-size: 14px;
background: transparent;
text-align: left;
transition: background-color 0.2s ease, color 0.2s ease;
align-items: center;
font-family: var(--font-body);
border-radius: 10px;
justify-content: space-between;
}
.page-hero--compact {
padding: 80px 0 72px;
}
.legal-layout {
gap: 80px;
display: grid;
min-width: 0;
align-items: start;
grid-template-columns: 240px minmax(0, 1fr);
}
.legal-toc {
top: 110px;
position: sticky;
}
.legal-toc__title {
color: var(--faint);
font-size: 12px;
font-weight: 600;
margin-bottom: 14px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.legal-toc__list {
gap: 2px;
display: flex;
border-left: 1px solid var(--line);
flex-direction: column;
}
.legal-body {
padding: 40px 0 72px;
max-width: 720px;
background: var(--paper);
margin-bottom: 2rem;
}
.legal-section {
padding: 36px 0;
border-top: 1px solid var(--line);
scroll-margin-top: 110px;
}
.legal-h2 {
color: var(--plum);
margin: 36px 0 12px;
font-size: 22px;
font-family: inherit;
font-weight: 600;
line-height: 1.3;
margin-bottom: 18px;
}
.legal-list {
gap: 10px;
display: flex;
padding: 0;
list-style: none;
flex-direction: column;
}
.lang-switch__button:hover {
color: var(--cream);
background: rgba(247, 243, 236, 0.06);
border-color: rgba(200, 161, 101, 0.6);
}
.lang-switch__button[aria-expanded="true"] {
color: var(--cream);
background: rgba(247, 243, 236, 0.06);
border-color: rgba(200, 161, 101, 0.6);
}
.lang-switch__button[aria-expanded="true"] .lang-switch__caret {
transform: rotate(180deg);
}
.lang-switch__menu[hidden] {
display: none;
}
.lang-switch__option:hover {
color: var(--ink);
background: var(--sand);
}
.lang-switch__option.is-active {
color: var(--terra-dark);
font-weight: 600;
}
.lang-switch__option.is-active::after {
width: 7px;
height: 7px;
content: "";
background: var(--terra);
border-radius: 50%;
}
.page-hero--compact .h1 {
font-size: clamp(38px, 4.6vw, 60px);
}
.page-hero--compact .lead {
color: var(--faint);
font-size: 15px;
}
.legal-toc__list a {
color: var(--muted);
padding: 7px 0 7px 16px;
font-size: 14px;
transition: color 0.2s ease, border-color 0.2s ease;
border-left: 2px solid transparent;
line-height: 1.4;
margin-left: -1px;
}
.legal-toc__list a:hover {
color: var(--ink);
}
.legal-toc__list a.is-current {
color: var(--ink);
font-weight: 600;
border-left-color: var(--terra);
}
.legal-section:first-child {
border-top: 0;
padding-top: 0;
}
.legal-section p {
color: var(--muted);
font-size: 16px;
line-height: 1.75;
}
.legal-section p + p {
margin-top: 14px;
}
.legal-section p + .legal-list {
margin-top: 14px;
}
.legal-section .legal-list + p {
margin-top: 14px;
}
.legal-section a {
color: var(--terra-dark);
text-decoration: underline;
text-decoration-color: rgba(193, 99, 59, 0.4);
text-underline-offset: 3px;
}
.legal-section a:hover {
text-decoration-color: currentColor;
}
.legal-list li {
color: var(--muted);
position: relative;
font-size: 16px;
line-height: 1.7;
padding-left: 22px;
}
.legal-list li::before {
top: 0.72em;
left: 2px;
width: 6px;
height: 6px;
content: "";
position: absolute;
transform: rotate(45deg);
background: var(--gold);
}
.menu-component-thq-menu-component-wrapper-elm {
display: contents;
}
.menu-component-thq-menu-component-container10-elm {
width: 100%;
}
.menu-component-link1 {
display: contents;
}
.footer-navlink5 {
display: contents;
}
.footer-navlink6 {
display: contents;
}
.gras {
font-weight: 700;
}
.flex1rem {
gap: 14px;
display: flex;
min-width: 0;
flex-direction: column;
}
.bs-preview {
gap: 0;
top: auto;
flex: 0 0 auto;
order: 1;
width: 100%;
height: auto;
margin: 0;
display: flex;
padding: 0 0 24px 0;
overflow: visible;
position: relative;
max-width: none;
min-width: 0;
align-self: flex-start;
min-height: calc(100vh - 202px);
overflow-x: hidden;
overflow-y: auto;
transition: margin .18s ease;
margin-left: auto;
margin-right: auto;
flex-direction: column;
scrollbar-gutter: stable;
}
.bs-settings {
gap: 0;
top: 80px;
flex: 0 0 380px;
left: 0;
color: var(--bs-ink);
order: 3;
right: auto;
width: 280px;
border: 1px solid var(--bs-line);
bottom: auto;
height: auto;
margin: 0;
display: flex;
opacity: 1;
padding: 0;
z-index: 30;
overflow: hidden;
position: absolute;
flex-wrap: nowrap;
font-size: 13px;
max-width: 42vw;
transform: none;
align-self: flex-start;
background: var(--bs-panel);
box-shadow: 1px 0 0 rgba(26, 39, 66, 0.1);
box-sizing: border-box;
max-height: none;
transition: none;
visibility: visible;
border-left: 0;
font-family: var(--bs-sans);
margin-left: 0;
border-right: 1px solid var(--nv-color-border, #E6DCCD);
align-content: start;
border-radius: 14px;
flex-direction: column;
}
.bs-group {
width: auto;
border: 1px solid var(--bs-line);
margin: 0;
display: block;
padding: 0;
overflow: hidden;
background: var(--bs-card);
border-radius: var(--bs-radius);
background-color: var(--ivoire);
}
.bs-field {
gap: 10px;
color: var(--bs-ink);
margin: 0;
display: flex;
flex-wrap: wrap;
font-size: 12.5px;
min-width: 0;
align-items: center;
font-weight: 600;
justify-content: space-between;
}
.bs-field--color {
align-items: center;
grid-template-columns: 1fr auto;
}
.bs-field--range {
flex-wrap: wrap;
align-items: center;
grid-template-columns: 1fr auto;
}
.bs-hint {
color: var(--bs-muted);
margin: 0;
opacity: 1;
font-size: 11.5px;
font-weight: 400;
line-height: 1.55;
padding-right: 0;
}
.bs-settings__head {
gap: 10px;
top: 0;
flex: 0 0 auto;
color: #F7F3EC;
border: 1px solid rgba(255, 255, 255, 0.16);
height: auto;
display: flex;
padding: 12px 14px 12px 14px;
z-index: 2;
overflow: hidden;
position: sticky;
flex-wrap: wrap;
background: #3A2434;
min-height: 46px;
align-items: center;
border-bottom: 1px solid var(--nv-color-border, #E6DCCD);
border-radius: 14px 14px 0 0;
flex-direction: column;
justify-content: space-between;
grid-template-columns: 1fr auto;
}
.bs-font-search {
flex: 1 1 auto;
font: inherit;
width: 100%;
border: 1px solid var(--nv-color-border, #E6DCCD);
padding: 5px 8px;
font-size: 12px;
min-width: 0;
background: #fff;
border-radius: 6px;
}
.bs-font-list {
gap: 1px;
width: 100%;
border: 1px solid var(--bs-line);
display: flex;
padding: 4px;
max-width: 100%;
min-width: 0;
background: var(--bs-card);
margin-top: 2px;
max-height: 260px;
overflow-y: auto;
border-radius: var(--bs-radius-sm);
padding-right: 2px;
flex-direction: column;
}
.bs-style-row {
gap: 0;
border: 1px solid var(--bs-line);
margin: 0;
display: flex;
row-gap: 8px;
overflow: hidden;
flex-wrap: wrap;
min-width: 0;
background: var(--bs-card);
margin-top: 10px;
border-radius: var(--bs-radius-sm);
flex-direction: row;
}
.bs-style-check {
gap: 5px;
flex: 1 1 auto;
color: var(--bs-ink);
cursor: pointer;
display: flex;
padding: 0 8px;
font-size: 12px;
min-width: 56px;
min-height: 34px;
text-align: center;
align-items: center;
border-left: 1px solid var(--bs-line-soft);
font-weight: 600;
justify-content: center;
}
.bs-group__body {
gap: 14px;
margin: 0;
display: flex;
padding: 13px 14px 15px;
max-width: 100%;
min-width: 0;
flex-direction: column;
}
.bs-group-title {
gap: 13px;
color: var(--bs-nuit);
width: 100%;
cursor: pointer;
display: flex;
padding: 13px 14px;
font-size: 13px;
min-width: 0;
background: transparent;
list-style: none;
transition: background-color 0.15s ease;
align-items: center;
font-weight: 700;
}
.bs-preset-grid {
gap: 8px;
margin: 8px 0 14px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bs-body {
gap: 0;
flex: 1 1 auto;
width: 100%;
margin: 0 auto;
display: flex;
padding: 0 12px 24px 12px;
position: relative;
max-width: none;
box-sizing: border-box;
min-height: calc(100vh - 202px);
align-items: flex-start;
padding-left: 394px;
padding-right: 14px;
flex-direction: row;
justify-content: flex-start;
}
.bs-chevron {
width: 0;
border: 5px solid transparent;
height: 0;
display: block;
transform: none;
margin-top: 3px;
transition: transform 200ms ease;
border-top-color: currentColor;
}
.bs-btn-primary {
color: #FFFDF9;
border: 1px solid rgba(201, 148, 77, 0.26);
cursor: pointer;
padding: 0 16px;
font-size: 13px;
background: linear-gradient(180deg, #C1633B 0%, #A24F2E 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
min-height: 38px;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, opacity 0.18s ease;
font-family: inherit;
font-weight: 700;
white-space: nowrap;
border-color: transparent;
border-radius: 11px;
}
.bs-preview-section {
width: 1200px;
display: block;
z-index: 1;
overflow: visible;
position: relative;
max-width: none;
margin-top: 0;
min-height: 0;
transition: width 0.18s ease, margin 0.18s ease;
margin-left: auto;
padding-top: 0;
margin-right: auto;
margin-bottom: 32px;
scroll-margin-top: 72px;
}
.bs-preview-host {
width: 100%;
cursor: pointer;
margin: 0 auto;
display: block;
overflow: visible;
max-width: 100%;
background: var(--nv-page-bg);
transition: width 220ms cubic-bezier(0.32, 0.72, 0, 1);
border-radius: 10px;
}
.bs-preset-current {
color: #3A2434;
overflow: hidden;
font-size: 11px;
max-width: 46%;
font-weight: 400;
margin-left: auto;
white-space: nowrap;
text-overflow: ellipsis;
}
.bs-settings__body {
gap: 12px;
flex: 1 1 auto;
display: flex;
opacity: 1;
padding: 14px;
max-height: none;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
transition: max-height 260ms cubic-bezier(0.32, 0.72, 0, 1),
opacity 160ms ease,
padding 260ms cubic-bezier(0.32, 0.72, 0, 1);
visibility: visible;
flex-direction: column;
scrollbar-color: rgba(35, 50, 75, 0.26) transparent;
scrollbar-width: thin;
scrollbar-gutter: stable;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.bs-subgroup-title {
color: #3A2434;
margin: 6px 0 0;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.bs-asset-file {
clip: rect(0 0 0 0);
width: 1px;
border: 0;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
position: absolute;
white-space: nowrap;
}
.bs-asset-preview {
gap: 11px;
border: 1px solid var(--bs-line);
display: flex;
padding: 11px;
flex-wrap: wrap;
max-width: 100%;
min-width: 0;
background: var(--bs-card);
align-items: center;
border-radius: var(--bs-radius-sm);
flex-direction: column;
}
.bs-asset-name {
flex: 1 1 auto;
color: var(--bs-muted);
overflow: hidden;
font-size: 11.5px;
min-width: 0;
white-space: nowrap;
text-overflow: ellipsis;
}
.bs-asset-actions {
gap: 7px;
flex: 0 0 auto;
display: flex;
}
.bs-asset-btn {
font: inherit;
color: var(--bs-nuit);
border: 1px solid var(--bs-line);
cursor: pointer;
padding: 9px 14px;
font-size: 12.5px;
background: var(--bs-card);
font-weight: 600;
border-radius: var(--bs-radius-sm);
}
.bs01 {
gap: 7px;
width: 100%;
display: flex;
min-width: 0;
align-items: center;
flex-direction: column;
}
.bs03 {
flex: 1 1 110px;
width: auto;
}
.margin-top-1rem {
margin-top: 0;
}
.bs-size-note {
flex: 1 1 100%;
width: auto;
max-width: 100%;
margin-top: -8px;
padding-right: 0;
}
.bs-onboarding {
inset: 0;
display: none;
padding: 24px;
z-index: 1001;
position: fixed;
background: rgba(9, 20, 42, 0.55);
align-items: center;
justify-content: center;
}
.bs-onboarding__card {
gap: 1rem;
color: #3A2434;
width: min(560px, 100%);
display: flex;
padding: 28px;
background: #fffdf9;
box-shadow: 0 30px 80px rgba(9, 20, 42, 0.4);
max-height: calc(100vh - 48px);
overflow-y: auto;
border-radius: 18px;
flex-direction: column;
}
.bs-onboarding__title {
margin: 0 0 14px;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
}
.bs-onboarding__text {
margin: 0 0 12px;
font-size: 13.5px;
line-height: 1.6;
}
.bs-onboarding__mock {
gap: 10px;
color: #F7F3EC;
border: 1px solid rgba(255, 255, 255, 0.16);
height: 46px;
margin: 6px 0 18px;
display: flex;
padding: 0 10px 0 14px;
background: #241A22;
align-items: center;
border-radius: 12px;
}
.bs-onboarding__list {
font-size: 13.5px;
line-height: 1.6;
padding-left: 20px;
}
.bs-onboarding__close {
width: 100%;
}
.bs-onboarding__again {
color: var(--nv-color-muted);
margin: 12px 0 0;
font-size: 11.5px;
text-align: center;
}
.bs-onboarding__mockchevron {
width: 0;
border: 5px solid transparent;
height: 0;
display: block;
transform: rotate(-90deg);
margin-top: 3px;
border-top-color: currentColor;
}
.bs-onboarding__mocktitle {
flex: 1 1 auto;
font-size: 13px;
font-weight: 700;
}
.bs-onboarding__mockdrag {
color: rgba(255, 255, 255, 0.72);
width: 30px;
border: 1px solid rgba(255, 255, 255, 0.16);
height: 30px;
display: inline-flex;
background: rgba(255, 255, 255, 0.08);
align-items: center;
border-radius: 8px;
justify-content: center;
}
.bs-drag-icon {
width: 16px;
height: 16px;
display: block;
}
.acc-section {
border: 1px solid var(--line);
padding: 32px;
max-width: 760px;
background: var(--paper);
border-radius: var(--radius-lg);
margin-bottom: 20px;
}
.acc-notice {
border: 1px solid #E6DCCD;
margin: 16px 0;
padding: 18px 20px;
background: var(--sand);
border-left: 3px solid var(--gold);
border-radius: var(--radius-md);
}
.acc-notice--info {
color: #3A2434;
background: #F7F3EC;
border-color: #E6DCCD;
border-left-color: var(--sage);
}
.acc-field {
gap: 7px;
margin: 0 0 18px;
display: flex;
flex-direction: column;
}
.acc-actions {
gap: 12px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.acc-section__title {
color: var(--ink);
margin: 0 0 6px;
font-size: 26px;
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.3;
margin-bottom: 8px;
}
.acc-section__intro {
color: var(--muted);
margin: 0 0 14px;
font-size: 14.5px;
line-height: 1.6;
margin-bottom: 20px;
}
.acc-notice__title {
color: var(--ink);
margin: 0 0 8px;
font-size: 16px;
font-family: var(--font-heading);
font-weight: 500;
margin-bottom: 6px;
}
.acc-check {
gap: 10px;
color: var(--text);
margin: 10px 0;
display: flex;
font-size: 15px;
margin-top: 12px;
align-items: flex-start;
line-height: 1.5;
grid-template-columns: 20px 1fr;
}
.acc-hint {
color: var(--faint);
margin: 6px 0 0;
font-size: 13px;
line-height: 1.6;
}
.acc-field__label {
color: var(--ink);
display: block;
font-size: 13.5px;
font-weight: 600;
margin-bottom: 6px;
}
.acc-subtitle {
color: var(--ink);
margin: 24px 0 10px;
font-size: 19px;
font-family: var(--font-heading);
font-weight: 500;
}
.acc-btn {
gap: 8px;
color: var(--plum);
border: 1px solid rgba(58, 36, 52, 0.28);
cursor: pointer;
display: inline-flex;
padding: 11px 20px;
font-size: 14px;
background: transparent;
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.3s var(--ease-out);
align-items: center;
font-family: var(--font-body);
font-weight: 600;
border-radius: 999px;
justify-content: center;
}
.acc-btn--primary {
color: var(--cream);
background: var(--plum);
border-color: var(--plum);
}
.acc-status {
margin: 0;
font-size: 13px;
}
.rv-pitch {
padding: 8px 0 40px;
max-width: 780px;
}
.rv-pitch__block {
border: 1px solid #EDE5D9;
margin: 0 0 28px;
padding: 40px 0;
background: #ffffff;
border-top: 1px solid var(--line);
border-radius: 14px;
}
.rv-pitch__block--alert {
padding: 36px;
background: var(--sand);
border-top: 0;
margin-top: 8px;
border-color: #F0C9B4;
border-radius: var(--radius-lg);
}
.rv-pitch__lead {
color: var(--muted);
margin: 0 0 28px;
font-size: clamp(17px, 1.4vw, 19px);
line-height: 1.65;
margin-bottom: 24px;
}
.rv-pitch__h2 {
color: var(--ink);
margin: 0 0 12px;
font-size: clamp(26px, 2.6vw, 34px);
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.2;
margin-bottom: 18px;
}
.rv-pitch__quote {
color: var(--ink);
margin: 0 0 18px;
padding: 6px 0 6px 22px;
font-size: 22px;
background: #fcf8f3;
font-style: italic;
border-left: 2px solid var(--terra);
font-family: var(--font-heading);
line-height: 1.45;
}
.rv-pitch__list {
margin: 0;
padding-left: 20px;
}
.rv-pitch__faq {
margin: 0;
}
.rv-pitch__note {
color: var(--faint);
font-size: 14px;
border-top: 1px solid #ecdcc0;
margin-top: 18px;
padding-top: 12px;
}
.rv-pitch__h3 {
color: var(--ink);
margin: 24px 0 10px;
font-size: 18px;
font-family: var(--font-heading);
font-weight: 500;
}
.rv-pitch__copy {
color: var(--text);
border: 1px solid var(--line);
padding: 20px 22px;
font-size: 16px;
background: var(--paper);
font-style: italic;
font-family: var(--font-heading);
border-radius: var(--radius-md);
}
.acc-root {
width: 100%;
margin: 0 auto;
padding: 8px 0 3rem;
max-width: 860px;
}
.acc-unsaved {
gap: 12px;
top: 0;
color: #7A3A20;
border: 1px solid #F0C9B4;
display: flex;
padding: 10px 14px;
z-index: 5;
position: sticky;
flex-wrap: wrap;
font-size: 13.5px;
background: #FBEDE4;
align-items: center;
border-radius: 10px;
margin-bottom: 16px;
}
.acc-savebar {
gap: 12px;
top: 84px;
border: 1px solid var(--line);
bottom: 0;
display: flex;
padding: 14px 18px;
z-index: 20;
position: sticky;
flex-wrap: wrap;
background: rgba(255, 253, 249, 0.92);
border-top: 1px solid #E6DCCD;
margin-top: 24px;
align-items: center;
border-radius: var(--radius-md);
margin-bottom: 20px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.acc-root__title {
color: var(--ink);
margin: 0 0 6px;
font-size: clamp(36px, 4.4vw, 56px);
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.05;
margin-bottom: 14px;
letter-spacing: -0.02em;
}
.acc-root__intro {
color: var(--muted);
margin: 0 0 20px;
font-size: 17px;
max-width: 720px;
line-height: 1.6;
}
.acc-grid2 {
gap: 16px 20px;
display: grid;
margin-bottom: 16px;
grid-template-columns: 1fr 1fr;
}
.acc-subfields {
margin: 6px 0 14px;
padding: 12px 14px;
background: #fcf8f3;
border-left: 3px solid #C8A165;
border-radius: 0 10px 10px 0;
}
.acc-field--action {
display: flex;
align-items: flex-end;
}
.acc-field--wide {
grid-column: 1 / -1;
}
.acc-docs {
gap: 8px;
margin: 0;
display: grid;
padding: 0;
list-style: none;
}
.acc-doc {
gap: 16px;
border: 1px solid #E6DCCD;
display: flex;
padding: 14px 0;
flex-wrap: wrap;
font-size: 13.5px;
background: #ffffff;
align-items: center;
border-bottom: 1px solid var(--line);
border-radius: 10px;
justify-content: space-between;
}
.acc-btn--danger {
color: #7D2222;
border-color: rgba(125, 34, 34, 0.35);
}
.acc-doc__name {
flex: 1 1 auto;
color: var(--ink);
font-weight: 500;
}
.acc-doc__state {
color: var(--faint);
font-size: 13px;
}
.min80vh {
min-height: 80vh;
}
.acc-vat-check {
gap: 16px;
display: grid;
flex-wrap: wrap;
align-items: end;
margin-bottom: 4px;
grid-template-columns: minmax(0, 1fr) auto;
}
.bs-menu-controls {
gap: 0;
border: 1px solid var(--bs-line);
display: inline-flex;
overflow: hidden;
background: var(--bs-card);
margin-top: 8px;
align-items: center;
border-radius: var(--bs-radius-sm);
justify-content: center;
}
.nvt-menu-langs {
gap: 6px;
display: flex;
flex-wrap: wrap;
margin-top: 10px;
align-items: center;
}
.nvt-scan {
gap: 10px;
color: #5E534B;
border: 1px solid rgba(35, 50, 75, 0.12);
display: flex;
padding: 16px;
background: #F7F3EC;
border-radius: 18px;
flex-direction: column;
}
.nvt-scan-title {
color: #3A2434;
margin: 0;
font-size: 14px;
font-weight: 700;
}
.nvt-scan-intro {
color: rgba(54, 66, 85, 0.85);
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.nvt-scan-status {
color: var(--bs-nuit-2);
margin: 0;
font-size: 11.5px;
min-height: 1em;
font-weight: 600;
line-height: 1.45;
}
.nvt-scan-report {
font-size: 11.5px;
line-height: 1.5;
}
.nvt-scan-actions {
gap: 8px;
display: flex;
flex-wrap: wrap;
min-width: 0;
}
.nvt-scan-input {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
box-sizing: border-box;
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.nvt-scan-run {
flex: 0 0 auto;
font: inherit;
color: var(--bs-ivoire);
width: 100%;
border: 0;
cursor: pointer;
padding: 10px 14px;
font-size: 12.5px;
background: var(--bs-nuit);
font-weight: 700;
border-radius: var(--bs-radius-sm);
}
.nvt-scan-apply {
font: inherit;
color: var(--bs-ivoire);
width: 100%;
border: 0;
cursor: pointer;
padding: 10px 14px;
font-size: 12.5px;
background: var(--bs-nuit);
font-weight: 700;
border-radius: var(--bs-radius-sm);
}
.nvt-scan-discard {
font: inherit;
color: var(--bs-nuit);
border: 1px solid var(--bs-line);
cursor: pointer;
padding: 9px 14px;
font-size: 12.5px;
background: var(--bs-card);
font-weight: 600;
border-radius: var(--bs-radius-sm);
}
.nvt-scan--welcome {
gap: 12px;
padding: 20px;
}
.nvt-scan-skip {
color: rgba(54, 66, 85, 0.7);
margin: 0;
font-size: 11.5px;
line-height: 1.5;
}
.nvt-scan-ai {
gap: 10px;
display: flex;
min-width: 0;
flex-direction: column;
}
.nvt-scan-ai-buttons {
gap: 8px;
display: flex;
flex-wrap: wrap;
min-width: 0;
}
.nvt-scan-ai-prompt {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
height: 190px;
resize: vertical;
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
box-sizing: border-box;
min-height: 76px;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.nvt-scan-ai-input {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
resize: vertical;
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
box-sizing: border-box;
min-height: 76px;
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.nvt-scan-ai-btn {
font: inherit;
color: var(--bs-nuit);
border: 1px solid var(--bs-line);
cursor: pointer;
padding: 9px 14px;
font-size: 12.5px;
background: var(--bs-card);
font-weight: 600;
border-radius: var(--bs-radius-sm);
}
.nvt-menu-row {
gap: 8px;
display: flex;
padding: 8px 0;
background: none;
align-items: flex-start;
border-bottom: 1px solid var(--bs-line-soft);
}
.nvt-menu-rank {
flex: 0 0 auto;
color: var(--bs-muted);
width: 20px;
font-size: 11px;
margin-top: 9px;
text-align: center;
font-family: var(--bs-mono);
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.nvt-menu-fields {
gap: 6px;
flex: 1 1 auto;
display: flex;
min-width: 0;
flex-direction: column;
}
.nvt-menu-input {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
box-sizing: border-box;
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.bs-field-title {
color: var(--bs-muted);
margin: 4px 0 0;
display: block;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.bs-field-choice {
gap: 9px;
color: var(--bs-ink);
width: 100%;
cursor: pointer;
display: flex;
padding: 8px 10px;
font-size: 12.5px;
min-width: 0;
align-items: center;
font-weight: 500;
border-radius: var(--bs-radius-sm);
}
.nvt-menu-fit {
color: #7A3A20;
padding: 9px 11px;
background: rgba(203, 163, 91, 0.14);
font-weight: 500;
border-radius: var(--bs-radius-sm);
}
.bs-menu-count {
height: 32px;
font-size: 12px;
min-width: 54px;
text-align: center;
border-left: 1px solid var(--bs-line-soft);
font-family: var(--bs-mono);
font-weight: 700;
line-height: 32px;
border-right: 1px solid var(--bs-line-soft);
}
.bs-asset-visual {
flex: 0 0 auto;
width: 64px;
border: 1px dashed var(--bs-line);
height: 44px;
display: flex;
overflow: hidden;
background: var(--bs-panel);
align-items: center;
border-radius: 6px;
justify-content: center;
}
.bs-asset-none {
color: var(--bs-muted);
font-size: 10px;
text-align: center;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.nvt-modal {
inset: 0;
display: flex;
padding: 24px;
z-index: 1000;
position: fixed;
align-items: center;
justify-content: center;
}
.nvt-modal__backdrop {
inset: 0;
position: absolute;
background: rgba(9, 20, 42, 0.55);
}
.nvt-modal__box {
width: min(720px, 100%);
display: flex;
overflow: hidden;
position: relative;
background: #F7F3EC;
box-shadow: 0 24px 70px rgba(9, 20, 42, 0.45);
max-height: 88vh;
border-radius: 18px;
flex-direction: column;
}
.nvt-modal__head {
gap: 12px;
display: flex;
padding: 16px 20px;
background: #241A22;
align-items: center;
}
.nvt-modal__body {
flex: 1 1 auto;
color: #5E534B;
padding: 18px 20px;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
.nvt-modal__foot {
gap: 8px;
display: flex;
padding: 14px 20px;
background: rgba(35, 50, 75, 0.05);
border-top: 1px solid rgba(35, 50, 75, 0.12);
}
.nvt-modal__title {
flex: 1 1 auto;
color: #F7F3EC;
margin: 0;
font-size: 17px;
}
.nvt-modal__close {
color: rgba(240, 245, 255, 0.85);
width: 30px;
border: 1px solid rgba(255, 255, 255, 0.25);
cursor: pointer;
height: 30px;
padding: 0;
font-size: 20px;
background: rgba(255, 255, 255, 0.08);
line-height: 1;
border-radius: 8px;
}
.nvt-modal__intro {
margin: 0 0 10px;
font-size: 12px;
line-height: 1.55;
}
.nvt-modal__section {
margin-top: 18px;
}
.nvt-modal__section-title {
color: #3A2434;
margin: 0 0 8px;
font-size: 13px;
font-weight: 700;
}
.nvt-modal__hint {
margin: 0 0 10px;
font-size: 12px;
line-height: 1.55;
}
.nvt-code {
gap: 8px;
display: flex;
position: relative;
flex-direction: column;
}
.nvt-modal__list {
margin: 0;
font-size: 12px;
line-height: 1.6;
padding-left: 18px;
}
.nvt-code__text {
color: #3A2434;
border: 1px solid rgba(35, 50, 75, 0.18);
margin: 0;
padding: 10px;
font-size: 11px;
background: #ffffff;
overflow-x: auto;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
line-height: 1.5;
white-space: pre;
border-radius: 8px;
}
.nvt-code__copy {
font: inherit;
color: #ffffff;
border: 1px solid transparent;
cursor: pointer;
padding: 7px 14px;
font-size: 12px;
align-self: flex-start;
background: var(--nv-color-primary);
font-weight: 600;
border-radius: 8px;
}
.bs-font-applied {
gap: 9px;
color: var(--bs-ink);
border: 1px solid var(--bs-line-soft);
margin: 0;
display: flex;
opacity: 1;
padding: 9px 11px;
flex-wrap: wrap;
font-size: 12px;
min-width: 0;
background: var(--bs-ivoire);
align-items: center;
line-height: 1.45;
border-radius: var(--bs-radius-sm);
}
.bs-group--font {
border: 0;
margin: 0 0 12px;
background: none;
border-top: 1px solid var(--bs-line-soft);
border-radius: 0;
}
.bs-jumpto {
color: var(--bs-muted);
border: 1px solid var(--bs-line);
cursor: pointer;
height: 22px;
display: inline-flex;
padding: 0 9px;
font-size: 10.5px;
min-width: 42px;
background: var(--bs-panel);
box-shadow: 0 1px 2px rgba(20, 28, 45, 0.08);
align-items: center;
font-weight: 700;
line-height: 1;
margin-left: 8px;
user-select: none;
white-space: nowrap;
border-radius: 999px;
letter-spacing: 0.04em;
vertical-align: middle;
justify-content: center;
}
.bs-jumpto--inline {
margin-left: 10px;
}
.nvx-preview-strip {
top: 300px;
left: auto;
right: 28px;
width: auto;
border: 0;
margin: 0;
display: block;
padding: 0;
z-index: 100001;
position: static;
max-width: none;
align-self: auto;
background: none;
box-shadow: none;
box-sizing: border-box;
justify-self: auto;
margin-bottom: 0;
pointer-events: auto;
justify-content: flex-end;
}
.bs-layout {
display: block;
position: relative;
min-height: 100vh;
}
.bs-menu-resolved {
color: #7A3A20;
opacity: 0.85;
padding: 9px 11px;
background: rgba(203, 163, 91, 0.14);
font-style: italic;
font-weight: 500;
border-radius: var(--bs-radius-sm);
}
.menu01 {
display: flex;
align-items: stretch;
flex-direction: column;
}
.width100 {
width: 100%;
}
.bs-viewbar__fullicon {
font-size: 13px;
line-height: 1;
}
.bs-bar__preview {
gap: 0;
flex: 1 1 100%;
display: flex;
min-width: 0;
background: transparent;
align-items: flex-end;
}
.bs-bar__surfaces {
gap: 2px;
display: flex;
min-width: 0;
overflow-x: auto;
align-items: stretch;
scrollbar-width: none;
}
.bs-tab {
font: inherit;
color: rgba(244, 241, 234, 0.66);
border: 0;
cursor: pointer;
height: 56px;
display: flex;
padding: 0 18px;
background: transparent;
transition: background 0.15s ease, color 0.15s ease;
align-items: center;
font-weight: 500;
white-space: nowrap;
border-bottom: 2px solid transparent;
}
.bs-bar__tools {
gap: 12px;
width: 100%;
display: flex;
padding: 0 18px;
flex-wrap: wrap;
background: transparent;
min-height: 56px;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.bs-bar__group {
gap: 2px;
display: flex;
padding: 3px;
background: rgba(255, 255, 255, 0.08);
align-items: center;
border-radius: 10px;
}
.bs-tool {
gap: 8px;
color: rgba(244, 241, 234, 0.72);
border: 0;
cursor: pointer;
height: 30px;
display: flex;
padding: 0 12px;
font-size: 12.5px;
min-width: 0;
background: transparent;
align-items: center;
font-family: inherit;
font-weight: 500;
white-space: nowrap;
border-radius: 8px;
}
.bs-tool--full {
border: 1px solid rgba(255, 255, 255, 0.22);
height: 32px;
}
.bs-bar__sep {
width: 1px;
height: 28px;
background: rgba(255, 255, 255, 0.14);
}
.bs-bar__publish {
gap: 10px;
display: flex;
align-items: center;
}
.bs-step {
color: rgba(244, 241, 234, 0.76);
border: 0;
cursor: pointer;
height: 28px;
display: flex;
padding: 0 6px;
font-size: 15px;
min-width: 28px;
background: transparent;
align-items: center;
font-family: inherit;
font-weight: 700;
line-height: 1;
border-radius: 7px;
justify-content: center;
}
.bs-step--readout {
min-width: 50px;
}
.bs-tool__label {
display: none;
}
.bs-tool__label--always {
display: inline;
}
.bs-bar__dot {
width: 8px;
height: 8px;
background: var(--bs-gold);
box-shadow: 0 0 0 3px rgba(203, 163, 91, 0.2);
border-radius: 50%;
}
.bs-bar__statebox {
gap: 1px;
display: flex;
max-width: 220px;
flex-direction: column;
}
.bs-bar__ghost {
color: #F1EAE0;
border: 1px solid rgba(255, 255, 255, 0.24);
cursor: pointer;
height: 32px;
padding: 0 16px;
font-size: 12.5px;
background: transparent;
font-family: inherit;
font-weight: 700;
white-space: nowrap;
border-radius: var(--bs-radius-sm);
}
.bs-bar__primary {
color: #241A22;
border: 0;
cursor: pointer;
height: 32px;
padding: 0 16px;
font-size: 12.5px;
background: var(--bs-gold);
font-family: inherit;
font-weight: 800;
white-space: nowrap;
border-radius: var(--bs-radius-sm);
}
.bs-tool__icon {
flex: 0 0 auto;
width: 15px;
height: 15px;
display: block;
position: relative;
}
.bs-bar__zoomvalue {
color: #F1EAE0;
font-size: 12px;
font-family: var(--bs-mono);
font-weight: 600;
}
.bs-bar__state {
color: #F1EAE0;
overflow: hidden;
font-size: 12.5px;
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
}
.bs-bar__notice {
color: rgba(244, 241, 234, 0.55);
font-size: 10.5px;
line-height: 1.3;
}
.bs-bar__ruler {
flex: 1 1 100%;
height: 22px;
display: flex;
background: rgba(0, 0, 0, 0.18);
border-top: 1px solid rgba(255, 255, 255, 0.06);
align-items: center;
justify-content: center;
}
.bs-bar__width {
color: rgba(244, 241, 234, 0.58);
font-size: 10px;
font-family: var(--bs-mono);
letter-spacing: 0.08em;
text-transform: uppercase;
}
.bs-settings__search {
flex: 0 0 auto;
padding: 10px 14px;
background: var(--bs-card);
border-bottom: 1px solid var(--bs-line-soft);
}
.bs-settings__foot {
gap: 8px;
flex: 0 0 auto;
display: flex;
padding: 11px 14px;
background: var(--bs-card);
border-top: 1px solid var(--bs-line-soft);
}
.bs-settings__collapse {
gap: 10px;
flex: 1 1 auto;
font: inherit;
color: inherit;
border: 0;
cursor: pointer;
display: inline-flex;
padding: 0;
min-width: 0;
background: transparent;
text-align: left;
align-items: center;
}
.bs-settings__drag {
gap: 3px;
flex: 0 0 30px;
color: #F7F3EC;
width: 30px;
border: 1px solid rgba(255, 255, 255, 0.18);
cursor: pointer;
height: 30px;
display: inline-flex;
padding: 4px;
background: rgba(255, 255, 255, 0.08);
align-items: center;
border-radius: 9px;
justify-content: center;
grid-template-columns: repeat(2, 3px);
}
.bs-settings__help {
flex: 0 0 30px;
font: inherit;
color: #F7F3EC;
width: 30px;
border: 1px solid rgba(255, 255, 255, 0.18);
cursor: pointer;
height: 30px;
display: inline-flex;
padding: 0;
font-size: 12px;
background: rgba(255, 255, 255, 0.08);
align-items: center;
font-weight: 700;
border-radius: 9px;
justify-content: center;
}
.bs-search {
gap: 9px;
border: 1px solid var(--bs-line);
height: 36px;
display: flex;
padding: 0 12px;
background: var(--bs-panel);
align-items: center;
border-radius: 9px;
}
.bs-search__empty {
color: var(--bs-muted);
margin: 8px 0 0;
font-size: 11.5px;
}
.bs-panel-note {
color: var(--bs-muted);
margin: 0;
padding: 11px 12px;
font-size: 12px;
background: var(--bs-blue-soft);
line-height: 1.55;
border-radius: 9px;
}
.bs-cat {
width: auto;
border: 1px solid var(--bs-line);
margin: 0;
display: block;
padding: 0;
overflow: hidden;
background: var(--bs-card);
border-radius: var(--bs-radius);
}
.bs-foot-btn {
flex: 1 1 0;
font: inherit;
color: var(--bs-nuit);
border: 1px solid var(--bs-line);
cursor: pointer;
height: 34px;
padding: 0 10px;
font-size: 12.5px;
background: var(--bs-panel);
font-family: inherit;
font-weight: 600;
border-radius: var(--bs-radius-sm);
}
.bs-foot-btn--ghost {
color: var(--bs-muted);
}
.bs-settings__chevron {
flex: 0 0 16px;
color: #C8A165;
width: 16px;
border: 0;
height: 16px;
display: inline-flex;
padding: 0;
overflow: visible;
transform: none;
background: transparent;
border-top: 0;
box-shadow: none;
transition: transform 0.18s ease;
align-items: center;
border-left: 0;
border-right: 0;
border-bottom: 0;
justify-content: center;
}
.bs-settings__title {
overflow: hidden;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
text-overflow: ellipsis;
letter-spacing: -0.01em;
}
.bs-search__icon {
flex: 0 0 auto;
width: 13px;
height: 13px;
position: relative;
}
.bs-search__input {
flex: 1 1 auto;
font: inherit;
color: var(--bs-ink);
border: 0;
outline: none;
padding: 0;
font-size: 13px;
min-width: 0;
background: none;
box-shadow: none;
font-family: inherit;
font-weight: 500;
}
.bs-cat__head {
gap: 13px;
color: var(--bs-nuit);
width: 100%;
cursor: pointer;
display: flex;
padding: 13px 14px;
min-width: 0;
background: transparent;
list-style: none;
align-items: center;
justify-content: space-between;
}
.bs-cat__body {
gap: 14px;
margin: 0;
display: flex;
padding: 13px 14px 15px;
max-width: 100%;
min-width: 0;
padding-top: 2px;
flex-direction: column;
}
.bs-cat__num {
flex: 0 0 26px;
color: var(--bs-nuit);
width: 26px;
height: 26px;
display: flex;
font-size: 12px;
background: var(--bs-ivoire);
align-items: center;
font-family: var(--bs-mono);
font-weight: 800;
border-radius: var(--bs-radius-sm);
justify-content: center;
}
.bs-cat__label {
flex: 1 1 auto;
min-width: 0;
}
.bs-cat__chevron {
flex: 0 0 auto;
width: 0;
height: 0;
content: "";
border-top: 4.5px solid transparent;
transition: transform 0.18s ease;
border-left: 6px solid var(--bs-muted);
border-bottom: 4.5px solid transparent;
}
.bs-bar {
color: #F1EAE0;
width: 100%;
display: flex;
flex-wrap: wrap;
font-size: 13px;
background: #2A2126;
box-sizing: border-box;
align-items: stretch;
font-family: var(--font-body);
justify-content: center;
}
.bs-settings__head-main {
gap: 12px;
display: flex;
min-height: 40px;
align-items: center;
justify-content: space-between;
}
.bs-settings__fullscreen-row {
width: 100%;
display: flex;
justify-content: flex-start;
}
.bs-settings__head-actions {
gap: 8px;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
}
.bs-settings__fullscreen-exit {
color: #F7F3EC;
border: 1px solid rgba(255, 255, 255, 0.18);
cursor: pointer;
display: inline-flex;
padding: 0 12px;
font-size: 13px;
background: rgba(255, 255, 255, 0.08);
min-height: 32px;
align-items: center;
font-weight: 600;
white-space: nowrap;
border-radius: 10px;
justify-content: center;
}
.bs-settings__chevron-icon {
width: 12px;
height: 12px;
display: block;
transition: transform 0.2s ease;
transform-origin: 50% 50%;
}
.parametres_titres {
align-self: flex-start;
font-weight: 700;
}
.parametres_descr {
fill: var(--bs-muted);
color: var(--bs-muted);
font-size: 11.5px;
align-self: flex-start;
font-family: var(--font-body);
}
.parametres_bloc {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.parametres01 {
gap: 0.7rem;
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
}
.lwx-01 {
display: flex;
align-items: center;
flex-direction: column;
}
.lwx-02 {
display: none;
}
.lwx-03 {
font-weight: 700;
}
.lwx-04 {
display: flex;
align-items: flex-start;
justify-items: start;
flex-direction: column;
}
.lwx-06 {
flex: 0 0 auto;
}
.lwx-07 {
gap: 0.3rem;
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
}
.lwx-08 {
width: 100%;
}
.lwx-09 {
padding-left: 0px;
padding-right: 0px;
justify-content: center;
}
.lwx-10 {
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
}
.lwx-11 {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.lwx-12 {
align-items: center;
justify-content: center;
}
.lwx-13 {
display: flex;
align-items: center;
justify-content: center;
}
.partner-main {
width: 100%;
display: block;
min-width: 0;
}
.partner-hero {
width: 100%;
padding: 72px 0 36px;
}
.partner-section {
width: 100%;
padding: 20px 0 112px;
}
.partner-help {
gap: 18px;
display: flex;
padding: 22px 26px;
background: var(--sand);
margin-top: 28px;
align-items: center;
border-radius: var(--radius-lg);
}
.partner-help__text {
flex: 1;
color: var(--muted);
font-size: 15px;
}
.auth-layout {
width: 100%;
display: grid;
min-height: calc(100vh - 80px);
grid-template-columns: 0.95fr 1.05fr;
}
.auth-aside {
display: flex;
padding: 72px 64px;
overflow: hidden;
position: relative;
align-items: center;
}
.auth-aside__inner {
z-index: 1;
position: relative;
max-width: 460px;
}
.auth-aside__foot {
gap: 10px;
color: var(--on-dark-muted);
display: flex;
flex-wrap: wrap;
font-size: 15px;
margin-top: 36px;
align-items: center;
}
.auth-main {
display: flex;
padding: 72px 32px;
align-items: center;
justify-content: center;
}
.auth-card {
width: 100%;
max-width: 460px;
}
.nv-auth-panel {
animation: lw-rise 0.6s var(--ease-out);
}
.auth-sub {
color: var(--muted);
font-size: 16px;
line-height: 1.6;
margin-bottom: 32px;
}
.auth-form {
gap: 20px;
display: flex;
flex-direction: column;
}
.auth-label-row {
gap: 12px;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.auth-link {
color: var(--terra-dark);
border: 0;
cursor: pointer;
padding: 0;
font-size: 13.5px;
background: none;
font-family: var(--font-body);
text-decoration: underline;
text-decoration-color: rgba(193, 99, 59, 0.4);
text-underline-offset: 3px;
}
.auth-back {
align-self: center;
}
.auth-submit {
width: 100%;
margin-top: 4px;
}
.auth-note {
color: var(--muted);
padding: 16px 18px;
font-size: 14.5px;
background: var(--sand);
line-height: 1.55;
border-radius: var(--radius-md);
}
.nv-auth-field__help {
color: var(--faint);
font-size: 12.5px;
}
.nv-auth-feedback {
color: var(--text);
padding: 14px 16px;
font-size: 14.5px;
background: var(--sand);
line-height: 1.5;
border-radius: var(--radius-md);
}
.chips {
gap: 8px;
display: flex;
flex-wrap: wrap;
}
.chip {
color: var(--muted);
border: 1px solid var(--line-strong);
cursor: pointer;
padding: 9px 16px;
font-size: 14px;
background: var(--paper);
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
font-family: var(--font-body);
border-radius: 999px;
}
.segmented {
display: inline-flex;
padding: 4px;
max-width: 100%;
background: var(--sand);
overflow-x: auto;
border-radius: 999px;
scrollbar-width: none;
}
.segmented__btn {
color: var(--muted);
border: 0;
cursor: pointer;
padding: 9px 16px;
font-size: 13.5px;
background: transparent;
transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
flex-shrink: 0;
font-family: var(--font-body);
border-radius: 999px;
}
.sales-filters {
gap: 20px;
border: 1px solid var(--line);
display: flex;
padding: 26px;
background: var(--paper);
border-radius: var(--radius-lg);
margin-bottom: 20px;
flex-direction: column;
}
.sales-filters__row {
gap: 10px;
display: flex;
flex-direction: column;
}
.sales-filters__row--grid {
gap: 16px;
display: grid;
align-items: end;
grid-template-columns: 200px 200px 1fr;
}
.sales-period {
gap: 8px;
color: var(--muted);
display: flex;
flex-wrap: wrap;
font-size: 14px;
border-top: 1px solid var(--line);
align-items: center;
padding-top: 16px;
}
.sales-loading {
gap: 8px;
color: var(--faint);
display: inline-flex;
align-items: center;
margin-left: auto;
}
.sales-error {
color: #7D2222;
padding: 12px 16px;
font-size: 14px;
background: #F8E5E1;
border-radius: var(--radius-md);
}
.sales-kpis {
margin-bottom: 20px;
grid-template-columns: repeat(4, 1fr);
}
.sales-card {
border: 1px solid var(--line);
padding: 28px;
min-width: 0;
background: var(--paper);
border-radius: var(--radius-lg);
margin-bottom: 20px;
}
.sales-chart-card {
border: 1px solid var(--line);
padding: 28px;
background: var(--paper);
border-radius: var(--radius-lg);
margin-bottom: 20px;
}
.sales-card__title {
color: var(--ink);
font-size: 24px;
font-family: var(--font-heading);
font-weight: 400;
margin-bottom: 6px;
overflow-wrap: anywhere;
}
.sales-card__intro {
color: var(--muted);
font-size: 14.5px;
line-height: 1.55;
margin-bottom: 18px;
}
.sales-grid {
gap: 20px;
display: grid;
min-width: 0;
grid-template-columns: 1fr 1fr;
}
.sales-tablewrap {
min-width: 0;
overflow-x: auto;
}
.sales-table {
width: 100%;
font-size: 14.5px;
border-collapse: collapse;
}
.sales-empty {
color: var(--faint);
padding: 22px 12px;
font-size: 14.5px;
}
.sales-threshold__head {
gap: 24px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.sales-threshold__figure {
color: var(--muted);
font-size: 15px;
white-space: nowrap;
}
.progress {
height: 10px;
overflow: hidden;
background: var(--sand);
border-radius: 99px;
}
.progress__fill {
width: 0%;
height: 100%;
display: block;
background: linear-gradient(90deg, var(--terra), var(--gold));
transition: width 1.2s var(--ease-out);
border-radius: 99px;
}
.sales-threshold__foot {
color: var(--muted);
font-size: 14.5px;
margin-top: 14px;
}
.sales-chart {
gap: 4px;
height: 180px;
display: flex;
align-items: flex-end;
padding-top: 12px;
border-bottom: 1px solid var(--line-strong);
}
.acc-root__head {
margin-bottom: 28px;
}
.nav-mobile-panel > button.btn {
width: 100%;
margin-top: 20px;
}
.bs-settings h2 {
margin: 0 0 8px;
font-size: 30px;
font-family: var(--font-heading);
line-height: 1;
}
.bs-settings >*:not(.bs-settings__head) {
overflow-y: auto;
}
.bs-settings .bs-group {
overflow: visible;
max-height: none;
}
.bs-settings .bs-group__body {
overflow: visible;
max-height: none;
}
.bs-settings details {
overflow: visible;
max-height: none;
}
.bs-settings .bs-group > summary {
gap: 8px;
cursor: pointer;
display: flex;
padding: 10px 12px;
list-style: none;
align-items: center;
}
.bs-settings .bs-group > summary::-webkit-details-marker {
display: none;
}
.bs-settings .bs-group > summary::after {
width: 0;
border: 5px solid transparent;
height: 0;
content: "";
transition: transform 200ms ease;
margin-left: auto;
border-top-color: currentColor;
}
.bs-settings .bs-group[open] > summary::after {
transform: rotate(180deg);
}
.bs-settings .bs-group > summary:has(.bs-preset-current)::after {
margin-left: 8px;
}
.bs-settings * {
box-sizing: border-box;
}
.bs-settings [hidden] {
display: none;
}
.bs-settings .bs-cat--flat>summary::after {
content: none;
display: none;
}
.bs-settings .bs-cat--flat>.bs-cat__head::after {
content: none;
display: none;
}
.bs-settings .bs-cat--flat .bs-cat__chevron {
display: inline-flex;
}
.bs-field input[type="text"] {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.bs-field select {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.bs-field input[type="file"] {
color: #3A2434;
width: 100%;
border: 1px solid rgba(35,50,75,0.14);
padding: 11px 13px;
background: #fff;
font-weight: 400;
border-radius: 14px;
}
.bs-field > span:first-child {
flex: 1 1 auto;
min-width: 0;
}
.bs-field >span:first-child {
flex: 1 1 auto;
min-width: 0;
}
.bs-field:has(.bs-field-choice) {
gap: 2px;
align-items: stretch;
flex-direction: column;
}
.bs-field:has(textarea) {
gap: 7px;
align-items: stretch;
flex-direction: column;
}
.bs-field:has(select) {
gap: 7px;
align-items: stretch;
flex-direction: row;
}
.bs-field:has(input[type="url"]) {
gap: 7px;
align-items: stretch;
flex-direction: row;
}
.bs-field:has(input[type="text"]) {
gap: 7px;
align-items: stretch;
flex-direction: row;
}
.bs-field input[type="url"] {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.bs-field input[type="email"] {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.bs-field input[type="search"] {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.bs-field input[type="number"] {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.bs-field textarea {
font: inherit;
color: var(--bs-ink);
width: 100%;
border: 1px solid var(--bs-line);
resize: vertical;
padding: 8px 11px;
font-size: 12.5px;
min-width: 0;
background: var(--bs-card);
min-height: 76px;
font-weight: 500;
line-height: 1.35;
border-radius: var(--bs-radius-sm);
}
.bs-field--color input[type="color"] {
width: 44px;
border: 1px solid rgba(35,50,75,0.14);
cursor: pointer;
height: 32px;
padding: 0;
background: none;
border-radius: 10px;
}
.bs-field--range input[type="range"] {
width: 100%;
height: 18px;
margin: 2px 0 0;
padding: 0;
grid-column: 1 / -1;
}
.bs-field--range output {
color: var(--bs-nuit);
padding: 3px 7px;
font-size: 11.5px;
background: var(--bs-ivoire);
font-family: var(--bs-mono);
font-weight: 700;
border-radius: 5px;
}
.bs-style-check input:disabled+span {
opacity: 0.45;
}
.bs-style-check input:disabled + span {
opacity: 0.45;
}
.bs-style-check:first-child {
border-left: 0;
}
.bs-style-check input {
width: 1px;
height: 1px;
opacity: 0;
position: absolute;
pointer-events: none;
}
.bs-style-check:has(input:checked) {
color: #fff;
background: var(--bs-nuit);
}
.bs-preview[data-device="mobile"] .bs-preview-host {
margin: 0 auto;
max-width: 390px;
}
.bs-preview-section[hidden] {
display: none;
}
.bs-group--presets >summary {
gap: 8px;
display: flex;
align-items: center;
}
.bs-settings__body > * {
flex: 0 0 auto;
}
.bs-settings__body::-webkit-scrollbar {
width: 11px;
}
.bs-settings__body::-webkit-scrollbar-track {
background: transparent;
}
.bs-settings__body::-webkit-scrollbar-thumb {
border: 3px solid transparent;
background: rgba(35, 50, 75, 0.22);
border-radius: 999px;
background-clip: content-box;
}
.bs-settings__body::-webkit-scrollbar-thumb:hover {
border: 3px solid transparent;
background: rgba(35, 50, 75, 0.4);
background-clip: content-box;
}
.bs-settings__body >* {
flex: 0 0 auto;
}
.bs-asset-btn:hover {
border-color: var(--nv-color-primary);
}
.bs-asset-btn--danger:hover {
color: #a3341f;
border-color: #a3341f;
}
.bs-subgroup-title:first-child {
margin-top: 0;
}
.bs-onboarding[hidden] {
display: none;
}
.bs-onboarding__list li {
margin-bottom: 8px;
}
.acc-notice p {
margin: 0 0 8px;
font-size: 13.5px;
line-height: 1.55;
}
.acc-notice p:last-of-type {
margin-bottom: 0;
}
.acc-btn--primary:disabled {
cursor: not-allowed;
background: #8A7F76;
border-color: #8A7F76;
}
.acc-btn--primary:hover {
color: var(--cream);
background: var(--ink);
}
.rv-pitch p {
color: var(--muted);
margin: 0 0 10px;
font-size: 16px;
line-height: 1.7;
}
.rv-pitch li {
color: var(--muted);
position: relative;
font-size: 16px;
line-height: 1.7;
padding-left: 26px;
}
.rv-pitch dd {
color: var(--muted);
margin: 6px 0 0;
font-size: 16px;
border-left: 1px solid var(--line-strong);
line-height: 1.7;
padding-left: 18px;
}
.rv-pitch ol {
gap: 14px;
display: flex;
padding: 0;
list-style: none;
flex-direction: column;
}
.rv-pitch ul {
gap: 14px;
display: flex;
padding: 0;
list-style: none;
flex-direction: column;
}
.rv-pitch li::before {
top: 0.7em;
left: 4px;
width: 7px;
height: 7px;
content: "";
position: absolute;
transform: rotate(45deg);
background: var(--gold);
}
.rv-pitch li strong {
color: var(--ink);
}
.rv-pitch li b {
color: var(--ink);
}
.rv-pitch dl {
margin: 0;
}
.rv-pitch dt {
color: var(--ink);
font-size: 20px;
font-style: italic;
margin-top: 22px;
font-family: var(--font-heading);
}
.rv-pitch__list li {
color: #4E3F47;
font-size: 14.5px;
line-height: 1.6;
margin-bottom: 10px;
}
.rv-pitch__faq dt {
color: #2A2126;
font-size: 14.5px;
margin-top: 14px;
font-weight: 600;
}
.rv-pitch__faq dd {
color: #4E3F47;
margin: 6px 0 0;
font-size: 14.5px;
line-height: 1.6;
}
.acc-vat-check .acc-field {
flex: 1 1 260px;
min-width: 0;
margin-bottom: 0;
}
.acc-vat-check .acc-field--action {
flex: 0 0 auto;
}
.nvt-menu-input:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(193, 148, 82, 0.22);
border-color: var(--nv-color-primary);
}
.nvt-menu-input::placeholder {
color: rgba(54, 66, 85, 0.42);
}
.bs-menu-controls button {
color: #3A2434;
width: 30px;
border: 1px solid rgba(35, 50, 75, 0.24);
cursor: pointer;
height: 30px;
padding: 0;
font-size: 17px;
background: #ffffff;
line-height: 1;
border-radius: 8px;
}
.bs-menu-controls button:hover:not(:disabled) {
border-color: var(--nv-color-primary);
}
.bs-menu-controls button:disabled {
cursor: default;
opacity: 0.32;
}
.nvt-scan-input:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(193, 148, 82, 0.22);
border-color: var(--nv-color-primary);
}
.nvt-scan-run:hover:not(:disabled) {
filter: brightness(0.94);
}
.nvt-scan-run:disabled {
cursor: default;
opacity: 0.5;
}
.nvt-scan-report ul {
margin: 4px 0 0;
padding-left: 18px;
}
.nvt-scan-discard:hover {
border-color: rgba(35, 50, 75, 0.55);
}
.nvt-scan-ai-btn:hover {
border-color: var(--nv-color-primary);
}
.nvt-scan--welcome .nvt-scan-title {
font-size: 17px;
}
.nvt-modal[hidden] {
display: none;
}
.bs-group--font >summary {
cursor: pointer;
padding: 8px 10px;
font-size: 12.5px;
}
.bs-group--font .bs-group__body {
padding: 0 10px 10px;
}
.bs-group--font >.bs-group-title {
color: var(--bs-nuit);
padding: 11px 0 10px;
font-size: 12.5px;
}
.bs-group--font >.bs-group__body {
padding: 0 0 6px;
}
.bs-jumpto:hover {
transform: translateY(-1px);
background: linear-gradient(180deg, #ffffff 0%, #ece2d3 100%);
border-color: rgba(35, 50, 75, 0.24);
}
.bs-font-applied .gras {
color: #3A2434;
font-weight: 700;
}
.bs-font-applied [data-bs-font-current] {
color: var(--bs-nuit);
border: 1px solid var(--bs-line);
display: inline-flex;
padding: 2px 10px;
background: var(--bs-card);
min-height: 22px;
align-items: center;
font-weight: 700;
border-radius: 999px;
}
.bs-btn-primary:disabled {
opacity: 0.5;
}
.bs-preview-host >iframe {
width: 100%;
display: block;
max-width: none;
}
.bs-group-title:hover {
background-color: rgba(35, 50, 75, 0.04);
}
.bs-group-title:focus-visible {
outline: 2px solid #C1633B;
outline-offset: 2px;
}
.bs-group-title::-webkit-details-marker {
display: none;
}
.bs-group-title::after {
flex: 0 0 auto;
width: 0;
height: 0;
content: "";
border-top: 4.5px solid transparent;
transition: transform 0.18s ease;
border-left: 6px solid var(--bs-muted);
border-bottom: 4.5px solid transparent;
}
.bs-group-title >span:first-child {
flex: 1 1 auto;
min-width: 0;
}
.nvx-preview-strip:empty {
display: none;
}
.bs-search:focus-within {
box-shadow: 0 0 0 3px rgba(46,74,138,.12);
border-color: var(--bs-indigo);
}
.bs-search__icon::before {
top: 0;
left: 0;
width: 9px;
border: 1.5px solid var(--bs-muted);
height: 9px;
content: "";
position: absolute;
border-radius: 50%;
}
.bs-search__icon::after {
right: 0;
width: 5px;
bottom: 0;
height: 1.5px;
content: "";
position: absolute;
transform: rotate(45deg);
background: var(--bs-muted);
}
.bs-search__input::placeholder {
color: var(--bs-muted);
}
.bs-search__input::-webkit-search-cancel-button {
cursor: pointer;
}
.bs-foot-btn:hover {
background: var(--bs-ivoire);
border-color: var(--bs-indigo-clair);
}
.bs-cat__head::-webkit-details-marker {
display: none;
}
.bs-cat__head:hover {
background: var(--bs-panel);
}
.bs-cat__body >* {
flex: 0 0 auto;
}
.bs-bar * {
box-sizing: border-box;
}
.bs-bar [hidden] {
display: none;
}
.bs-bar__surfaces::-webkit-scrollbar {
display: none;
}
.bs-tab:hover {
color: #fff;
background: rgba(255, 255, 255, 0.06);
}
.bs-tab.is-active {
color: #fff;
background: rgba(255, 255, 255, 0.08);
font-weight: 700;
border-bottom-color: var(--bs-gold);
}
.bs-tool:hover {
color: #fff;
}
.bs-tool.is-active {
color: var(--bs-nuit);
background: var(--bs-ivoire);
font-weight: 700;
}
.bs-tool.is-active .bs-tool__label {
display: inline;
}
.bs-tool--full:hover {
background: rgba(255, 255, 255, 0.08);
}
.bs-tool--full[aria-pressed="true"] {
color: var(--bs-nuit);
background: var(--bs-ivoire);
border-color: var(--bs-ivoire);
}
.bs-tool__icon::before {
border: 1.4px solid currentColor;
content: "";
position: absolute;
border-radius: 2px;
}
.bs-tool__icon::after {
content: "";
position: absolute;
background: currentColor;
}
.bs-step:hover {
color: #fff;
background: rgba(255, 255, 255, 0.12);
}
.bs-step[disabled] {
cursor: default;
opacity: 0.35;
}
.bs-settings__collapse[aria-expanded="false"] .bs-settings__chevron {
transform: rotate(-90deg);
}
.bs-cat[open] {
box-shadow: 0 3px 12px rgba(26, 45, 90, 0.08);
border-color: var(--bs-nuit);
}
.bs-cat[open]>.bs-cat__head .bs-cat__num {
color: var(--bs-gold);
background: var(--bs-nuit);
}
.bs-cat[open]>.bs-cat__head .bs-cat__chevron {
transform: rotate(90deg);
}
.bs-group[open] {
border-color: var(--bs-line);
}
.bs-group[open]>.bs-group-title::after {
transform: rotate(90deg);
}
.bs-group .bs-group {
border-left: 0;
border-right: 0;
border-radius: 0;
}
.bs-group .bs-group>.bs-group-title {
padding-left: 0;
padding-right: 0;
}
.bs-group .bs-group>.bs-group__body {
padding-left: 0;
padding-right: 0;
}
.bs-group__body >* {
flex: 0 0 auto;
}
.bs-field-choice:hover {
background: var(--bs-panel);
}
.bs-field-choice >span {
flex: 1 1 auto;
}
.bs-field-choice input[type="radio"] {
width: 15px;
height: 15px;
margin: 0;
accent-color: var(--bs-nuit-2);
}
.bs-field-choice input[type="checkbox"] {
width: 15px;
height: 15px;
margin: 0;
accent-color: var(--bs-nuit-2);
}
.bs-field-choice:has(input:checked) {
color: var(--bs-nuit);
background: var(--bs-ivoire);
font-weight: 700;
}
.bs-settings__drag:hover {
background: rgba(255, 255, 255, 0.14);
}
.bs-settings__help:hover {
background: rgba(255, 255, 255, 0.14);
}
.bs-settings__fullscreen-exit:hover {
background: rgba(255, 255, 255, 0.14);
}
.bs-settings__head +* {
min-width: 0;
}
.bs-settings__chevron::before {
content: none;
display: none;
}
.bs-settings__chevron::after {
content: none;
display: none;
}
.partner-hero .h1 {
font-size: clamp(36px, 4.4vw, 58px);
max-width: 820px;
margin-bottom: 18px;
}
.partner-hero .lead {
max-width: 640px;
}
.partner-hero .container > * {
animation: lw-rise 0.9s var(--ease-out) both;
}
.partner-hero .container > *:nth-child(2) {
animation-delay: 0.08s;
}
.partner-hero .container > *:nth-child(3) {
animation-delay: 0.16s;
}
.auth-aside .wheel {
right: -260px;
width: 640px;
bottom: -220px;
height: 640px;
opacity: 0.22;
position: absolute;
}
.auth-aside .wheel__inner {
animation: lw-spin 200s linear infinite;
}
.auth-aside .h2 {
margin-bottom: 32px;
}
.nv-auth-panel[hidden] {
display: none;
}
.nv-auth-panel .h2 {
font-size: clamp(30px, 3.2vw, 42px);
margin-bottom: 12px;
}
.auth-link:hover {
text-decoration-color: currentColor;
}
.auth-submit:disabled {
cursor: progress;
opacity: 0.7;
}
.nv-auth-field__help:empty {
display: none;
}
.nv-auth-feedback[hidden] {
display: none;
}
.nv-auth-feedback[data-state="error"] {
color: #7D2222;
background: #F8E5E1;
}
.nv-auth-feedback[data-state="success"] {
color: #1F5133;
background: #E5EFE2;
}
.chip:hover {
color: var(--ink);
border-color: var(--plum);
}
.chip[aria-pressed="true"] {
color: var(--cream);
background: var(--plum);
border-color: var(--plum);
}
.segmented__btn[aria-pressed="true"] {
color: var(--ink);
background: var(--paper);
box-shadow: 0 2px 8px -4px rgba(36, 26, 34, 0.3);
font-weight: 600;
}
.sales-period strong {
color: var(--ink);
}
.sales-loading[hidden] {
display: none;
}
.sales-loading::before {
width: 14px;
border: 2px solid var(--line-strong);
height: 14px;
content: "";
animation: lw-spin 0.8s linear infinite;
border-radius: 50%;
border-top-color: var(--terra);
}
.sales-error[hidden] {
display: none;
}
.sales-empty[hidden] {
display: none;
}
.sales-chart[hidden] {
display: none;
}
.sales-kpis .kpi {
border: 1px solid var(--line);
padding: 22px;
background: var(--paper);
}
.sales-kpis .kpi.is-accent {
background: linear-gradient(160deg, rgba(110, 122, 82, 0.18), rgba(110, 122, 82, 0.06));
border-color: transparent;
}
.sales-kpis .kpi__value {
font-size: 32px;
min-height: 1.1em;
}
.sales-table th {
color: var(--faint);
padding: 10px 12px;
font-size: 11.5px;
text-align: left;
font-weight: 600;
white-space: nowrap;
border-bottom: 1px solid var(--line-strong);
letter-spacing: 0.08em;
text-transform: uppercase;
}
.sales-table td {
color: var(--text);
padding: 12px;
border-bottom: 1px solid var(--line);
}
.sales-table .num {
text-align: right;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.sales-table .strong {
color: var(--ink);
font-weight: 600;
}
.sales-table tr.is-current td {
background: rgba(193, 99, 59, 0.06);
}
.sales-table .status[data-status] {
white-space: nowrap;
}
.sales-table .status[data-status]::before {
width: 8px;
height: 8px;
content: "";
display: inline-block;
background: var(--terra);
margin-right: 8px;
border-radius: 50%;
}
.sales-table .status[data-status="paid"]::before {
background: var(--sage);
}
.sales-threshold__figure strong {
color: var(--ink);
font-size: 30px;
font-family: var(--font-heading);
font-weight: 400;
}
.sales-threshold__foot strong {
color: var(--sage-dark);
}
.partner-reused {
min-width: 0;
}
.partner-reused.is-pitch .rv-pitch {
margin: 0 auto;
max-width: 820px;
}
.partner-reused.is-account {
padding-top: 40px;
}
.partner-reused.is-studio {
padding-top: 40px;
}
.partner-reused.is-studio .container {
max-width: none;
}
.partner-reused.is-account > .container {
max-width: 1080px;
}
.partner-reused .container .container {
padding: 0;
}
.rv-pitch__block--alert li::before {
background: var(--terra);
}
.is-studio [data-header].site-header {
position: relative;
}
.sales-filters__row--grid > * {
min-width: 0;
}
.sales-filters__row--grid input {
min-width: 0;
}
.acc-field input[type="text"] {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 12px 14px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.acc-field input[type="email"] {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 12px 14px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.acc-field input[type="tel"] {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 12px 14px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.acc-field input[type="number"] {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 12px 14px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.acc-field input[type="date"] {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 12px 14px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.acc-field select {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 12px 14px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.acc-field textarea {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 12px 14px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.acc-field input:focus {
background: var(--paper);
box-shadow: 0 0 0 4px rgba(193, 99, 59, 0.12);
border-color: var(--terra);
}
.acc-field select:focus {
background: var(--paper);
box-shadow: 0 0 0 4px rgba(193, 99, 59, 0.12);
border-color: var(--terra);
}
.acc-field textarea:focus {
background: var(--paper);
box-shadow: 0 0 0 4px rgba(193, 99, 59, 0.12);
border-color: var(--terra);
}
.acc-check input[type="checkbox"] {
width: 18px;
height: 18px;
margin-top: 2px;
flex-shrink: 0;
accent-color: var(--plum);
}
.acc-btn:hover {
transform: translateY(-1px);
background: rgba(58, 36, 52, 0.05);
border-color: var(--plum);
}
.acc-btn:disabled {
cursor: not-allowed;
opacity: 0.55;
transform: none;
}
.sales-grid > * {
min-width: 0;
}
.nv-legal-page {
gap: 10px;
width: 100%;
margin: 0;
display: flex;
padding: clamp(32px, 6vw, 80px) clamp(16px, 3vw, 32px);
background: var(--nv-page-bg);
min-height: 100vh;
font-weight: 700;
flex-direction: column;
background-image: radial-gradient(800px 360px at 50% -160px, color-mix(in srgb, var(--nv-color-primary, #B4623D) 9%, transparent), transparent 70%);
background-repeat: no-repeat;
}
.nv-shell-panel {
width: 100%;
border: var(--nv-panel-border-width, 1px) solid var(--nv-panel-border-color, var(--nv-color-border));
margin: 0 auto;
padding: clamp(24px, 4vw, 48px);
max-width: 880px;
background: var(--nv-panel-bg);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 24px 60px -36px rgba(36, 26, 34, 0.28);
border-radius: var(--nv-panel-radius);
}
.nv-shell-panel__intro {
gap: 10px;
display: flex;
flex-direction: column;
}
.RevendeurH2 {
color: var(--nvt-h2-color);
font-size: var(--nvt-h2-size-d);
font-style: var(--nvt-h2-style);
font-family: var(--nvt-h2-font);
font-weight: var(--nvt-h2-weight);
line-height: var(--nvt-h2-lh);
letter-spacing: var(--nvt-h2-ls);
text-transform: var(--nv-heading2-text-transform);
text-decoration: var(--nv-heading2-text-decoration);
}
.nv-legal-h2 {
margin: 0 0 8px;
border-bottom: 1px solid var(--nv-color-border, #E3D8CA);
margin-bottom: 32px;
padding-bottom: 18px;
}
.nv-legal-section-block {
margin-top: 28px;
border-left: 2px solid color-mix(in srgb, var(--nv-color-primary, #B4623D) 35%, transparent);
padding-left: 18px;
}
.RevendeurLabel {
color: var(--nvt-label-color);
font-size: var(--nvt-label-size-d);
font-style: var(--nvt-label-style);
font-family: var(--nvt-label-font);
font-weight: var(--nvt-label-weight);
line-height: var(--nvt-label-lh);
letter-spacing: var(--nvt-label-ls);
text-transform: var(--nvt-label-transform);
text-decoration: var(--nvt-label-decoration);
}
.nv-shell-eyebrow {
gap: 12px;
color: var(--nv-label-color);
display: inline-flex;
font-size: var(--nv-label-size-desktop);
align-items: center;
font-family: var(--nv-label-font-family);
font-weight: var(--nv-label-font-weight);
line-height: var(--nv-label-line-height);
letter-spacing: 0.14em;
text-transform: uppercase;
}
.RevendeurH1 {
color: var(--nv-heading-color);
font-size: var(--nv-font-size-heading-desktop);
font-style: var(--nv-heading-font-style);
font-family: var(--nv-heading-font-family);
font-weight: var(--nv-heading-font-weight);
line-height: var(--nv-line-height-heading-hero);
letter-spacing: var(--nv-letter-spacing-heading-hero);
text-transform: var(--nv-heading-text-transform);
text-decoration: var(--nv-heading-text-decoration);
}
.nv-legal-h1 {
margin: 0;
text-wrap: balance;
text-align: center;
margin-bottom: 1rem;
}
.styleParagraphe {
width: auto;
margin: 0;
text-align: left;
}
.RevendeurBody {
color: var(--nvt-body-color);
font-size: var(--nvt-body-size-d);
font-style: var(--nvt-body-style);
font-family: var(--nvt-body-font);
font-weight: var(--nvt-body-weight);
line-height: var(--nvt-body-lh);
letter-spacing: var(--nvt-body-ls);
text-transform: var(--nvt-body-transform);
text-decoration: var(--nvt-body-decoration);
}
.RevendeurH3 {
color: var(--nvt-h3-color);
font-size: var(--nvt-h3-size-d);
font-style: var(--nvt-h3-style);
font-family: var(--nvt-h3-font);
font-weight: var(--nvt-h3-weight);
line-height: var(--nvt-h3-lh);
letter-spacing: var(--nvt-h3-ls);
text-transform: var(--nv-heading3-text-transform);
text-decoration: var(--nv-heading3-text-decoration);
}
.nv-legal-h3 {
margin: 0 0 10px;
margin-bottom: 8px;
}
.nv-legal-body {
text-align: justify;
}
.nv-shell {
width: 100%;
padding: 16px;
overflow: hidden;
position: relative;
background: var(--nv-page-bg);
-nv-space-1: 8px;
-nv-space-2: 12px;
-nv-space-3: 16px;
-nv-space-4: 20px;
-nv-space-5: 28px;
-nv-space-6: 36px;
-nv-space-7: 48px;
-nv-space-8: 64px;
-nv-form-max: 860px;
-nv-max-width: 1340px;
-nv-radius-lg: 22px;
-nv-radius-md: 16px;
-nv-radius-sm: 12px;
-nv-radius-xl: 30px;
-nv-radius-pill: 999px;
-nv-shadow-card: 0 10px 24px rgba(36, 26, 34, 0.05);
-nv-shadow-soft: 0 22px 60px rgba(36, 26, 34, 0.08);
-nv-color-surface-soft: rgba(255, 253, 249, 0.78);
}
.zonecentree {
display: flex;
align-items: center;
flex-direction: column;
}
.nv-formulaire-hidden {
height: auto;
display: block;
opacity: 1;
visibility: visible;
}
.nv-animate-init {
opacity: 0;
transform: translateY(12px);
}
.nv-animate {
opacity: 1;
animation: nvFadeSlideIn 0.38s ease-out forwards;
transform: translateY(0);
transition: opacity 0.45s ease-out, transform 0.45s ease-out;
}
.nv-formulaire-card {
gap: 28px;
width: 100%;
border: var(--nv-panel-border-width, 1px) solid var(--nv-panel-border-color, var(--nv-color-border));
display: flex;
padding: clamp(26px, 4vw, 48px);
max-width: 640px;
background: var(--nv-panel-bg);
box-shadow: 0 24px 60px -36px rgba(36, 26, 34, 0.28);
margin-top: 2rem;
align-items: center;
border-color: var(--nv-shell-card);
border-radius: var(--nv-panel-radius);
margin-bottom: 2rem;
flex-direction: column;
background-color: var(--nv-shell-card);
}
.nv-formulaire-step {
gap: 2rem;
display: flex;
align-items: center;
flex-direction: column;
}
.nv-etape-finale {
width: 100%;
display: flex;
max-width: 500px;
min-height: 100%;
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
}
.flex_column_2rem {
gap: 2rem;
display: flex;
flex-direction: column;
}
.formulaire-et-confirmation-donnees-wrapper {
display: contents;
}
.nv-shell-hero {
gap: clamp(20px, 3vw, 36px);
display: grid;
align-items: stretch;
margin-bottom: clamp(24px, 4vw, 44px);
grid-template-columns: minmax(0, 1.65fr) minmax(260px, 1fr);
}
.zones-centrees {
max-width: 1200px;
justify-items: center;
margin-bottom: 2rem;
}
.nv-shell-layout {
gap: 28px;
width: 100%;
margin-top: clamp(24px, 4vw, 44px);
align-items: start;
}
.image-check {
width: 60px;
height: 60px;
display: block;
}
.CTA-zone-vertical {
gap: 12px;
width: 100%;
display: flex;
flex-wrap: wrap;
max-width: 500px;
align-items: center;
flex-direction: column;
justify-content: center;
}
.nv-print-toggle {
width: 100%;
margin: 0 auto 8px;
max-width: 560px;
text-align: left;
}
.nv-shell-hero__main {
gap: 14px;
border: var(--nv-panel-border-width, 1px) solid var(--nv-panel-border-color, var(--nv-color-border));
display: flex;
padding: clamp(28px, 4vw, 52px);
overflow: hidden;
position: relative;
background: var(--nv-panel-bg);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 24px 60px -36px rgba(36, 26, 34, 0.28);
border-radius: var(--nv-panel-radius);
flex-direction: column;
justify-content: center;
}
.nv-shell-steps {
border: var(--nv-panel-border-width, 1px) solid var(--nv-panel-border-color, var(--nv-color-border));
display: flex;
padding: clamp(24px, 3vw, 32px);
background: var(--nv-panel-bg);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 24px 60px -36px rgba(36, 26, 34, 0.28);
border-radius: var(--nv-panel-radius);
flex-direction: column;
}
.RevendeurButton {
gap: var(--nv-space-2);
color: var(--nv-button-set-1-text);
border: var(--nv-button-set-1-border-width) solid var(--nv-button-set-1-border-color-hover);
cursor: pointer;
display: inline-flex;
padding: 0 28px;
font-size: var(--nvt-button-size-d);
min-width: min(100%, 260px);
background: var(--nv-button-set-1-bg);
box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--nv-button-set-1-bg, #3A2434) 70%, transparent);
box-sizing: border-box;
font-style: var(--nvt-button-style);
min-height: 52px;
text-align: center;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease;
align-items: center;
font-family: var(--nvt-button-font);
font-weight: var(--nvt-button-weight);
line-height: var(--nvt-button-lh);
white-space: nowrap;
border-color: var(--nv-button-set-1-border-color);
border-style: solid;
border-width: var(--nv-button-set-1-border-width);
border-radius: var(--nv-button-set-1-radius);
letter-spacing: var(--nvt-button-ls);
text-transform: var(--nvt-button-transform);
justify-content: center;
text-decoration: var(--nvt-button-decoration);
}
.flex_1point5_rem {
gap: 1.5rem;
display: flex;
flex-direction: column;
}
.nv-zone-formulaire-sans-contour {
gap: 2rem;
width: 100%;
display: flex;
padding: 1rem;
overflow: visible;
flex-direction: column;
}
.listephrases {
gap: 8px;
width: 100%;
display: flex;
padding: 0 1rem;
margin-top: 2rem;
text-align: left;
margin-bottom: 2rem;
flex-direction: column;
}
.nv-print-toggle__panel {
overflow: hidden;
max-height: 1200px;
transition: max-height .3s ease;
padding-top: 8px;
}
.nv-shell-hero__title {
margin: 0;
max-width: 16ch;
text-wrap: balance;
}
.nv-shell-steps__title {
color: var(--nv-label-color);
font-size: var(--nv-label-size-desktop);
font-style: var(--nv-heading2-font-style);
font-family: var(--nv-label-font-family);
font-weight: var(--nv-label-font-weight);
line-height: var(--nv-body-small-line-height);
letter-spacing: 0.14em;
text-transform: uppercase;
text-decoration: var(--nv-heading2-text-decoration);
}
.nv-shell-steps__list {
gap: 0;
margin: 16px 0 0;
display: flex;
padding: 0;
list-style: none;
margin-top: 18px;
counter-reset: none;
flex-direction: column;
}
.nv-cart-section {
max-width: 600px;
border-color: var(--or);
}
.formulaire-questions-prenoms-et-nb-maitres-wrapper {
display: contents;
}
.fenetre-confirmation {
max-width: 450px;
}
.nv-dynamic-content {
gap: 1rem;
display: flex;
flex-direction: column;
}
.nv-print-toggle__titre {
color: var(--nv-color-text);
margin: 0;
font-weight: 700;
}
.nv-tpl-wrapper {
gap: 10px;
width: 100%;
display: none;
font-weight: 700;
flex-direction: column;
}
.nv-cart-modal-overlay {
gap: 10px;
inset: 0;
display: none;
opacity: 1;
padding: 24px 16px;
z-index: 9500;
position: fixed;
background: var(--nv-shell-modal-overlay-bg);
overflow-x: hidden;
overflow-y: auto;
visibility: visible;
align-items: flex-start;
font-weight: 700;
flex-direction: column;
pointer-events: auto;
backdrop-filter: blur(6px);
justify-content: center;
overscroll-behavior: contain;
-webkit-backdrop-filter: blur(6px);
-webkit-overflow-scrolling: touch;
}
.nv-print-toggle__chevron {
flex: 0 0 auto;
width: 10px;
height: 10px;
transform: rotate(45deg);
margin-top: -3px;
transition: transform .25s ease;
border-right: 2px solid #6d4fc9;
border-bottom: 2px solid #6d4fc9;
}
.nv-print-toggle__intro {
color: #6b6480;
margin: 6px 2px 4px;
}
.choixreponse {
gap: 10px;
width: 100%;
display: flex;
align-items: stretch;
font-family: var(--nv-body-font-family);
flex-direction: column;
justify-content: center;
}
.texte-centre {
text-align: center;
}
.nv-formulaire-spinner-zone {
gap: 10px;
height: 60px;
margin: 30px 0;
display: flex;
margin-top: 12px;
min-height: 90px;
align-items: center;
justify-content: center;
}
.nv-formulaire-confirm-line {
gap: 4px;
color: var(--nv-body-small-color);
width: 100%;
display: flex;
padding: 14px 18px;
flex-wrap: wrap;
font-size: var(--nv-body-small-size-desktop);
background: var(--nv-shell-card-strong);
text-align: left;
align-items: center;
font-family: var(--nv-body-small-font-family);
line-height: var(--nv-body-small-line-height);
align-content: center;
border-radius: calc(var(--nv-choice-radius, 14px) + 2px);
flex-direction: column;
text-transform: var(--nv-body-small-text-transform);
justify-content: center;
}
.field {
gap: 8px;
display: flex;
position: relative;
flex-direction: column;
}
.nv-radio-option-hit {
gap: 14px;
color: var(--nv-choice-text-color);
width: 100%;
border: var(--nv-choice-border-width, 1px) solid var(--nv-choice-border-color, #E3D8CA);
cursor: pointer;
display: flex;
padding: var(--nv-choice-padding-y, 14px) var(--nv-choice-padding-x, 16px);
background: var(--nv-choice-bg);
box-shadow: var(--nv-choice-shadow);
min-height: 54px;
text-align: left;
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
align-items: center;
border-radius: var(--nv-choice-radius);
text-decoration: none;
}
.nv-formulaire-spinner {
width: 46px;
border: 2px solid color-mix(in srgb, var(--nv-color-primary, #B4623D) 18%, transparent);
height: 46px;
animation: nvTplSpin 0.9s linear infinite;
border-radius: 50%;
border-top-color: var(--nv-color-primary);
}
.nv-formulaire-confirm-value {
color: var(--nv-body-small-color);
font-size: var(--nv-body-small-size-desktop);
text-align: left;
font-family: var(--nv-body-small-font-family);
font-weight: 700;
line-height: var(--nv-body-small-line-height);
text-transform: var(--nv-body-small-text-transform);
}
.nv-cart-heading {
margin: 0;
display: flex;
text-wrap: balance;
align-items: baseline;
justify-content: space-between;
}
.calc-form {
gap: 10px;
display: grid;
}
.nv-zone-formulaire-sans-contour2 {
gap: 1.3rem;
width: 100%;
display: flex;
padding: 0 1rem;
overflow: visible;
border-radius: var(--dl-layout-radius-radius8);
flex-direction: column;
}
.nv-formula-actions {
gap: 12px;
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 0;
align-items: center;
justify-content: center;
}
.nv-actions-validation-maitres {
gap: 12px;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.nv-formulaire-input {
color: var(--nv-input-text-color);
width: 100%;
border: 1px solid var(--nv-input-border-color, #D5C7B5);
outline: none;
padding: 0 var(--nv-input-padding-x, 14px);
background: var(--nv-input-bg);
box-shadow: none;
box-sizing: border-box;
min-height: var(--nv-input-height);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
font-family: var(--nv-input-font-family);
padding-top: 0px;
border-color: var(--nv-input-border-color);
border-style: solid;
padding-left: var(--nv-input-padding-x);
border-radius: var(--nv-input-radius);
padding-right: nv-input-padding-x;
padding-bottom: nv-input-padding-bottom;
background-color: transparent;
border-top-width: var(--nv-input-border-top-width);
border-left-width: var(--nv-input-border-left-width);
border-right-width: var(--nv-input-border-right-width);
border-bottom-width: var(--nv-input-border-bottom-width);
}
.nv-question-block {
gap: 10px;
width: 100%;
display: flex;
margin-bottom: 1rem;
flex-direction: column;
}
.RevendeurPrix {
color: var(--nvt-price-color);
font-size: var(--nvt-price-size-d);
font-style: var(--nvt-price-style);
font-family: var(--nvt-price-font);
font-weight: var(--nvt-price-weight);
line-height: var(--nvt-price-lh);
letter-spacing: var(--nvt-price-ls);
text-transform: var(--nvt-price-transform);
text-decoration: var(--nvt-price-decoration);
}
.nv-cart-action-row {
display: flex;
align-items: center;
}
.nv-legal-checkbox {
gap: 12px;
display: flex;
text-align: left;
align-items: flex-start;
}
.nv-formulaire-nombres-list {
gap: 10px;
width: 100%;
margin: 0 0 8px;
display: grid;
padding: 0;
max-width: 400px;
list-style: none;
align-items: stretch;
margin-bottom: 1rem;
flex-direction: column;
justify-content: center;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr));
}
.nv-legal-input {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin: 3px 0 0;
margin-top: 3px;
accent-color: var(--nv-color-primary);
margin-right: 8px;
}
.nv-info-bulle {
top: calc(100% + 10px);
left: 50%;
color: var(--nv-color-primary);
width: min(280px, 80vw);
cursor: help;
opacity: 0;
padding: var(--nv-tooltip-padding-y) var(--nv-tooltip-padding-x);
z-index: 20;
position: absolute;
font-size: var(--nv-font-size-body-small-desktop);
transform: translateX(-50%);
background: var(--nv-tooltip-bg);
box-shadow: var(--nv-tooltip-shadow);
visibility: hidden;
font-family: var(--nv-font-body);
line-height: 1.45;
border-radius: var(--nv-tooltip-radius);
letter-spacing: normal;
}
.nv-formulaire-date-row {
gap: 12px;
display: grid;
flex-direction: row;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.radio-option3 {
gap: 0.5rem;
border: var(--nv-choice-border-width) solid var(--nv-choice-border-color);
height: 30px;
display: flex;
padding: var(--nv-choice-padding-y) var(--nv-choice-padding-x);
background: var(--nv-choice-bg);
box-shadow: var(--nv-choice-shadow);
min-height: 40px;
align-items: center;
border-radius: var(--nv-choice-radius);
}
.nv-formulaire-radio-option {
align-self: stretch;
}
.nombre-recap2 {
fill: var(--nv-color-text);
flex: 0 0 auto;
color: var(--nv-color-text);
font-size: 30px;
font-style: normal;
font-family: var(--nv-heading-font-family);
font-weight: 600;
line-height: 1;
font-variant-numeric: lining-nums;
}
.RevendeurProduitPanier {
color: var(--nv-cart-product-title-color);
width: 250px;
font-size: var(--nv-cart-product-title-size-desktop);
font-style: var(--nv-cart-product-title-font-style);
font-family: var(--nv-cart-product-title-font-family);
font-weight: var(--nv-cart-product-title-font-weight);
line-height: var(--nv-cart-product-title-line-height);
letter-spacing: var(--nv-cart-product-title-letter-spacing);
text-transform: var(--nv-cart-product-title-text-transform);
text-decoration: var(--nv-cart-product-title-text-decoration);
}
.nv-product {
border: 1px solid var(--nv-choice-border-color, #d9d3c9);
display: flex;
padding: 30px;
background: var(--nv-shell-card);
box-shadow: var(--nv-shadow-card);
min-height: 100%;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
}
.nv-product__footer {
gap: 20px;
display: flex;
flex-wrap: wrap;
align-self: center;
margin-top: 28px;
align-items: center;
flex-direction: column;
justify-content: space-between;
}
.nv-product__badge {
color: var(--nv-label-color);
display: inline-flex;
padding: 0 12px;
font-size: var(--nv-font-size-label-desktop);
background: #f2e3cc;
min-height: 30px;
align-items: center;
font-family: var(--nv-label-font-family);
font-weight: 700;
line-height: 1;
border-radius: 999px;
letter-spacing: normal;
text-transform: var(--nv-label-text-transform);
}
.nv-product__title {
margin: 16px 0 12px;
}
.RevendeurWidgetProduit {
color: var(--nv-product-color);
font-size: var(--nv-product-size-desktop);
font-style: var(--nv-product-font-style);
font-family: var(--nv-product-font-family);
font-weight: var(--nv-product-font-weight);
line-height: var(--nv-product-line-height);
letter-spacing: var(--nv-product-letter-spacing);
text-transform: var(--nv-product-text-transform);
text-decoration: var(--nv-product-text-decoration);
}
.RevendeurPrixBarre {
color: var(--nv-price-compare-color);
font-size: var(--nv-price-compare-size-desktop);
font-style: var(--nv-price-compare-font-style);
font-family: var(--nv-price-compare-font-family);
font-weight: var(--nv-price-compare-font-weight);
line-height: var(--nv-price-compare-line-height);
letter-spacing: var(--nv-price-compare-letter-spacing);
text-transform: var(--nv-price-compare-text-transform);
text-decoration: line-through;
text-decoration-line: line-through;
text-decoration-color: currentColor;
text-decoration-thickness: from-font;
}
.nv-shell-header {
top: 0;
color: var(--nv-shell-menu-text);
width: 100%;
z-index: 50;
position: sticky;
background: color-mix(in srgb, var(--nv-shell-menu-bg, #FFFDF9) 92%, transparent);
border-bottom: var(--nv-shell-menu-border-width) solid var(--nv-shell-menu-border);
backdrop-filter: saturate(1.2) blur(14px);
-webkit-backdrop-filter: saturate(1.2) blur(14px);
}
.nv-shell-header__inner {
gap: 24px;
width: min(100%, calc(100% - 24px));
margin: 0 auto;
display: flex;
padding: 14px clamp(16px, 3vw, 32px);
max-width: var(--nv-shell-content-max-width);
background: transparent;
box-sizing: border-box;
min-height: 76px;
align-items: center;
justify-content: space-between;
}
.nv-shell-header__rowtwo {
width: 100%;
display: block;
border-top: var(--nv-shell-menu-rowtwo-border-width, 0px) solid var(--nv-shell-menu-border, transparent);
}
.nv-mobile-overlay {
inset: 0;
display: none;
z-index: 100001;
position: fixed;
background: rgba(232, 226, 216, 0.18);
backdrop-filter: blur(4px);
}
.nv-mobile-panel {
gap: 14px;
top: 0;
right: 0;
width: min(88vw, 390px);
height: 100vh;
display: none;
padding: 20px 18px 24px;
z-index: 100002;
position: fixed;
background: var(--nv-shell-menu-bg);
box-shadow: 0 30px 60px -30px rgba(36, 26, 34, 0.35);
box-sizing: border-box;
max-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
flex-direction: column;
}
.nv-shell-header__nav {
gap: 14px;
display: none;
flex-wrap: nowrap;
background: transparent;
align-items: center;
justify-content: flex-end;
}
.nv-burger {
flex: 0 0 auto;
color: currentColor;
width: 44px;
border: 1px solid var(--nv-shell-menu-border, var(--nv-color-border));
cursor: pointer;
height: 44px;
display: inline-flex;
position: relative;
background: transparent;
align-items: center;
margin-left: auto;
border-radius: 999px;
justify-content: center;
}
.nv-shell-header__nav--rowtwo {
gap: 28px;
width: 100%;
margin: 0 auto;
display: flex;
padding: 0 20px 12px;
flex-wrap: wrap;
max-width: var(--nv-shell-menu-content-max-width);
background: transparent;
box-sizing: border-box;
align-items: center;
justify-content: center;
}
.nv-mobile-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.nv-mobile-nav {
gap: 14px;
display: flex;
flex-direction: column;
}
.nv-burger-line {
left: 50%;
width: 18px;
height: 1.5px;
position: absolute;
transform: translateX(-50%);
background: currentColor;
transition: top 0.28s ease, transform 0.28s ease, opacity 0.2s ease;
}
.nv-burger-line-1 {
top: 16px;
}
.nv-burger-line-2 {
top: 23px;
}
.nv-burger-line-3 {
top: 30px;
}
.nv-mobile-close {
color: currentColor;
width: 40px;
border: 0;
cursor: pointer;
height: 40px;
position: relative;
background: transparent;
border-radius: 999px;
}
.nv-shell-header__brand {
gap: 12px;
flex: 0 0 auto;
display: inline-flex;
min-width: 0;
align-items: center;
}
.nv-shell-header__nav-anchor {
color: inherit;
text-decoration: none;
}
.nv-mobile-close-line {
top: 50%;
left: 50%;
width: 18px;
height: 1.5px;
position: absolute;
background: currentColor;
}
.nv-mobile-close-line-1 {
transform: translate(-50%, -50%) rotate(45deg);
}
.nv-mobile-close-line-2 {
transform: translate(-50%, -50%) rotate(-45deg);
}
.nv-shell-header__logo {
width: auto;
height: auto;
display: block;
max-width: var(--nv-shell-menu-logo-max-width);
max-height: 56px;
}
.nv-shell-header__logo--desktop {
display: block;
}
.nv-shell-header__logo--mobile {
display: none;
max-width: var(--nv-shell-menu-logo-mobile-max-width);
max-height: var(--nv-shell-menu-logo-mobile-max-height);
}
.nv-shell-header__brand-name {
color: var(--nv-heading-color);
display: block;
overflow: hidden;
font-size: 22px;
min-width: 0;
font-style: normal;
font-family: var(--nv-heading-font-family);
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
text-overflow: ellipsis;
letter-spacing: -0.01em;
text-transform: none;
text-decoration: none;
}
.nv-shell-header__nav-item {
color: inherit;
text-decoration: none;
}
.nv-mobile-item {
color: inherit;
text-decoration: none;
}
.pop-up {
top: 200vh;
inset: 0;
display: none;
padding: 1rem;
z-index: 9500;
position: fixed;
background: rgba(36, 26, 34, 0.48);
align-items: center;
justify-content: center;
}
.nv-cart-modal-box {
gap: 22px;
width: min(100%, var(--nv-shell-modal-width));
border: 1px solid var(--nv-color-border, #E3D8CA);
margin: auto 0;
display: flex;
padding: clamp(24px, 4vw, 40px);
max-width: 560px;
background: var(--nv-shell-modal-bg);
box-shadow: 0 40px 90px -40px rgba(36, 26, 34, 0.55);
max-height: calc(100dvh - 1.5rem);
overflow-y: auto;
text-align: left;
align-items: stretch;
border-radius: var(--nv-shell-modal-radius);
flex-direction: column;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.nv-cart-modal-head {
gap: 0.75rem;
width: 100%;
margin: 0;
display: flex;
text-align: center;
margin-bottom: 1.5rem;
flex-direction: column;
}
.nv-cart-fields-grid {
gap: 14px;
width: 100%;
display: grid;
max-width: none;
align-self: center;
justify-self: center;
flex-direction: column;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.nv-cart-order-choice {
gap: 12px;
width: 100%;
display: flex;
margin-top: 1.25rem;
flex-direction: column;
}
.nv-cart-modal-actions {
gap: 0.75rem;
width: 100%;
bottom: auto;
display: flex;
z-index: auto;
position: static;
flex-wrap: wrap;
background: inherit;
margin-top: 1rem;
align-items: center;
padding-top: 0.75rem;
justify-content: center;
}
.nv-cart-field-ui {
gap: 8px;
width: 100%;
display: flex;
text-align: left;
align-items: stretch;
flex-direction: column;
}
.nv-cart-choice-grid {
gap: 10px;
width: 100%;
display: grid;
flex-direction: column;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.nv-cart-gift-panel-inner {
gap: 1rem;
width: 100%;
display: flex;
padding: 1.1rem;
align-items: center;
border-radius: var(--nv-radius-lg);
flex-direction: column;
}
.btn-loading-preview {
cursor: progress;
position: relative;
}
.nv-cart-gift-grid {
gap: 14px;
width: 100%;
display: grid;
max-width: none;
margin-top: 1rem;
flex-direction: column;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.nv-cart-choice-card-content {
gap: 0.35rem;
width: 100%;
display: flex;
min-width: 0;
min-height: 100%;
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease;
border-width: 0px;
flex-direction: column;
}
.nv-cart-choice-card-text {
color: var(--nv-color-muted);
font-size: var(--nv-font-size-body-desktop);
font-family: var(--nv-font-body);
line-height: var(--nv-line-height-body);
}
.nv-formula-date-row {
gap: 12px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.nvu-01 {
width: 100%;
display: flex;
min-height: 100vh;
align-items: center;
flex-direction: column;
}
.nvu-02 {
width: 100%;
display: flex;
position: relative;
align-items: flex-start;
flex-direction: column;
}
.nvu-03 {
display: contents;
}
.nvu-04 {
display: none;
}
.nvu-05 {
display: block;
}
.nvu-06 {
text-align: center;
}
.nv-shell-panel__title {
margin: 0;
text-wrap: balance;
}
.nv-partner-legal-hero {
padding: clamp(32px, 5vw, 56px) clamp(24px, 5vw, 56px);
text-align: center;
}
.nv-partner-legal-summary {
gap: 18px;
display: flex;
flex-direction: column;
}
.nv-partner-legal-summary__links {
gap: 10px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
}
.nv-partner-legal-section {
padding: clamp(28px, 5vw, 52px);
scroll-margin-top: 110px;
}
.nv-legal-text {
margin: 0 0 10px;
hyphens: auto;
max-width: 68ch;
text-align: left;
}
.nv-wg {
color: var(--nv-page-text);
width: 100%;
margin: 0;
padding: 0;
background: var(--nvw-page-bg);
box-sizing: border-box;
}
.nv-wg__frame {
gap: clamp(28px, 4vw, 44px);
width: 100%;
border: var(--nvw-card-border-width, 1px) solid var(--nvw-widget-border-color, var(--nv-color-border, #E3D8CA));
margin: 0 auto;
display: flex;
padding: clamp(24px, 5vw, 56px);
overflow: hidden;
position: relative;
max-width: var(--nvw-max-width);
background: var(--nvw-widget-bg);
box-shadow: 0 30px 70px -44px rgba(36, 26, 34, 0.35);
border-radius: var(--nvw-widget-radius);
flex-direction: column;
}
.nv-wg__head {
gap: 14px;
width: 100%;
margin: 0 auto;
display: flex;
max-width: 720px;
text-align: center;
align-items: center;
flex-direction: column;
}
.nv-wg__eyebrow {
gap: 12px;
margin: 0;
display: inline-flex;
align-items: center;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.nv-wg__steps-label {
gap: 12px;
margin: 0;
display: inline-flex;
align-items: center;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.nv-wg__title {
margin: 0;
max-width: 22ch;
text-wrap: balance;
}
.nv-wg__intro {
margin: 0;
max-width: 60ch;
}
.nv-wg__trust {
gap: 8px 10px;
margin: 8px 0 0;
display: flex;
padding: 0;
flex-wrap: wrap;
list-style: none;
justify-content: center;
}
.nv-wg__trust-item {
gap: 8px;
border: 1px solid var(--nvw-divider-color, var(--nv-color-border, #E3D8CA));
display: inline-flex;
padding: 7px 14px 7px 8px;
background: var(--nvw-soft-card-bg);
align-items: center;
border-radius: 999px;
}
.nv-wg__trust-icon {
color: var(--nv-color-primary);
width: 28px;
height: 28px;
display: inline-flex;
background: var(--nvw-card-bg);
align-items: center;
border-radius: 50%;
justify-content: center;
}
.nv-wg__trust-text {
font-size: calc(var(--nvt-body-size-d, 15px) * 0.92);
line-height: 1.3;
}
.nv-wg__products {
gap: clamp(16px, 2.4vw, 24px);
display: grid;
align-items: stretch;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}
.nv-wg-card {
gap: 16px;
border: var(--nvw-card-border-width, 1px) solid var(--nvw-card-border-color, var(--nv-color-border, #E3D8CA));
display: flex;
padding: clamp(22px, 3vw, 32px);
position: relative;
background: var(--nvw-card-bg);
box-shadow: var(--nvw-card-shadow);
text-align: left;
transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.35s ease;
align-items: stretch;
border-radius: var(--nvw-card-radius);
flex-direction: column;
}
.nv-wg-card__top {
gap: 12px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.nv-wg-card__badge {
margin: 0;
padding: 6px 12px;
background: color-mix(in srgb, var(--nv-color-primary, #B4623D) 10%, transparent);
border-radius: 999px;
letter-spacing: 0.06em;
}
.nv-wg-card__mark {
color: var(--nv-color-primary);
opacity: 0.7;
line-height: 0;
}
.nv-wg-card__title {
margin: 4px 0 0;
text-wrap: balance;
}
.nv-wg-card__lead {
margin: 0;
}
.nv-wg-card__list {
gap: 10px;
margin: 4px 0 0;
display: flex;
padding: 18px 0 0;
border-top: 1px solid var(--nvw-divider-color, var(--nv-color-border, #E3D8CA));
list-style: none;
flex-direction: column;
}
.nv-wg-card__item {
position: relative;
padding-left: 28px;
}
.nv-wg-card__foot {
gap: 16px;
width: 100%;
display: flex;
border-top: 1px solid var(--nvw-divider-color, var(--nv-color-border, #E3D8CA));
margin-top: auto;
align-items: stretch;
padding-top: 20px;
flex-direction: column;
}
.nv-wg-card__price {
gap: 4px 12px;
display: flex;
flex-wrap: wrap;
align-self: center;
align-items: baseline;
justify-content: flex-start;
}
.nv-wg-card__price-old {
order: 2;
}
.nv-wg-card__cta {
width: 100%;
display: flex;
text-decoration: none;
}
.nv-wg-btn {
width: 100%;
min-width: 0;
white-space: normal;
}
.nv-wg__steps {
gap: 18px;
display: flex;
border-top: 1px solid var(--nvw-divider-color, var(--nv-color-border, #E3D8CA));
align-items: center;
padding-top: clamp(24px, 3vw, 32px);
flex-direction: column;
}
.nv-wg__steps-list {
gap: 18px;
width: 100%;
margin: 0;
display: grid;
padding: 0;
list-style: none;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.nv-wg__step {
gap: 12px;
display: flex;
align-items: center;
}
.nv-wg__step-num {
flex: 0 0 auto;
color: var(--nv-color-primary);
width: 38px;
border: 1px solid color-mix(in srgb, var(--nv-color-primary, #B4623D) 40%, transparent);
height: 38px;
display: inline-flex;
font-size: 20px;
background: var(--nvw-card-bg);
align-items: center;
font-family: var(--nv-heading-font-family);
font-weight: 600;
line-height: 1;
border-radius: 50%;
justify-content: center;
font-variant-numeric: lining-nums;
}
.nv-wg__step-text {
line-height: 1.4;
}
.RevendeurH1 >span {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurH2 >span {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurH3 >span {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurBody >span {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurBody li {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurLabel >span {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurWidgetProduit >span {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurProduitPanier >span {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurPrix >span {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurPrixBarre >span {
color: var(--nv-price-compare-color);
font-size: var(--nv-price-compare-size-desktop);
font-style: var(--nv-price-compare-font-style);
font-family: var(--nv-price-compare-font-family);
font-weight: var(--nv-price-compare-font-weight);
line-height: var(--nv-price-compare-line-height);
letter-spacing: var(--nv-price-compare-letter-spacing);
text-transform: var(--nv-price-compare-text-transform);
text-decoration: line-through;
text-decoration-line: line-through;
text-decoration-color: currentColor;
text-decoration-thickness: from-font;
}
.RevendeurButton >span {
font: inherit;
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurButton:hover {
color: var(--nv-button-set-1-text-hover);
outline: none;
transform: translateY(-1px);
background: var(--nv-button-set-1-bg-hover);
box-shadow: 0 16px 30px -16px color-mix(in srgb, var(--nv-button-set-1-bg, #3A2434) 80%, transparent);
border-color: var(--nv-button-set-1-border-color-hover);
}
.RevendeurButton:focus {
color: var(--nv-button-set-1-text-hover);
outline: none;
background: var(--nv-button-set-1-bg-hover);
border-color: var(--nv-button-set-1-border-color-hover);
}
.RevendeurButton:focus-visible {
color: var(--nv-button-set-1-text-hover);
outline: 2px solid var(--nv-color-primary, #B4623D);
background: var(--nv-button-set-1-bg-hover);
border-color: var(--nv-button-set-1-border-color-hover);
outline-offset: 3px;
}
.RevendeurButton:hover>span {
font: inherit;
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurButton:focus>span {
font: inherit;
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurButton:focus-visible>span {
font: inherit;
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.RevendeurButton:active {
transform: translateY(0);
}
.RevendeurButton[disabled] {
cursor: not-allowed;
opacity: 0.5;
transform: none;
box-shadow: none;
}
.RevendeurButton[aria-disabled="true"] {
cursor: not-allowed;
opacity: 0.5;
transform: none;
box-shadow: none;
}
.nv-formulaire-input:focus {
outline: none;
box-shadow: 0 0 0 4px color-mix(in srgb, var(--nv-input-focus-border-color, var(--nv-color-primary, #B4623D)) 16%, transparent);
border-color: var(--nv-input-focus-border-color);
}
.nv-formulaire-input:hover {
border-color: color-mix(in srgb, var(--nv-input-border-color, #D5C7B5) 60%, var(--nv-page-text, #2B2230));
}
.radio-option3 input {
accent-color: var(--nv-shell-gold-dark);
}
.radio-option3:hover {
background: var(--nv-choice-hover-bg);
border-color: var(--nv-choice-hover-border-color);
}
.radio-option3 input[type="radio"] {
width: var(--nv-radio-control-size);
height: var(--nv-radio-control-size);
accent-color: var(--nv-radio-control-dot-color);
}
.radio-option3 label {
color: var(--nv-choice-text-color);
}
.nv-formulaire-confirm-line:last-child {
border-bottom: 0;
}
.nv-etape-finale > * {
max-width: 100%;
}
.nv-legal-page * {
box-sizing: border-box;
}
.pop-up.is-open {
top: 0;
display: flex;
align-items: center;
}
.nv-cart-field-ui input {
width: 100%;
padding: 0.9rem 1rem;
border-bottom: 1px solid rgba(36, 26, 34, 0.12);
border-radius: 0;
}
.nv-cart-field-ui label {
text-align: left;
}
.nv-cart-modal-overlay.is-open {
display: flex;
}
.nv-cart-modal-overlay.nv-modal-opening {
animation: nvOverlayIn 0.25s ease-out forwards;
}
.nv-cart-modal-overlay.nv-modal-closing {
animation: nvOverlayOut 0.25s ease-in forwards;
}
.nv-cart-modal-overlay.nv-modal-opening .nv-cart-modal-box {
animation: nvModalIn 0.3s ease-out forwards;
}
.nv-cart-modal-overlay.nv-modal-closing .nv-cart-modal-box {
animation: nvModalOut 0.25s ease-in forwards;
}
.nv-cart-modal-overlay[aria-hidden="false"] {
visibility: visible;
pointer-events: auto;
}
.nv-cart-modal-overlay.is-open#ModalEmailCheckoutOverlay {
display: flex;
}
.nv-cart-modal-actions .btn {
width: 100%;
justify-content: center;
}
.btn-loading-preview >[data-btn-label] {
opacity: 0.78;
}
.btn-loading-preview >.nv-btn-label {
opacity: 0.78;
}
.btn-loading-preview >span {
opacity: 0.78;
}
.btn-loading-preview >div {
opacity: 0.78;
}
.btn-loading-preview >p {
opacity: 0.78;
}
.btn-loading-preview::after {
top: 50%;
right: 16px;
width: 14px;
border: 2px solid currentColor;
height: 14px;
content: "";
position: absolute;
animation: nv-btn-spin 0.7s linear infinite;
margin-top: -7px;
border-radius: 50%;
border-right-color: transparent;
}
.nv-cart-gift-grid .nv-cart-field-ui {
align-items: stretch;
}
.nv-formulaire-radio-option input[type="radio"] {
flex: 0 0 auto;
width: 18px;
border: 1.5px solid rgba(36, 26, 34, 0.30);
cursor: pointer;
height: 18px;
appearance: none;
background: #fff;
transition: .2s ease;
border-radius: 50%;
-webkit-appearance: none;
}
.nv-formulaire-radio-option input[type="radio"]:hover {
border-color: var(--or);
}
.nv-formulaire-radio-option input[type="radio"]:checked {
box-shadow: inset 0 0 0 4.5px var(--or);
border-color: var(--or-deep);
}
.nv-formulaire-radio-option label {
color: var(--nuit);
cursor: pointer;
}
.nv-formulaire-radio-option input[type="radio"]::before {
width: 17px;
height: 17px;
transform: scale(0);
background: #d4ad5f;
transition: transform 0.15s ease;
border-radius: 50%;
}
.nv-formulaire-radio-option input[type="radio"]:checked::before {
transform: scale(1);
}
.nv-formulaire-radio-option:has(input[type="radio"]:checked) {
background: transparent;
box-shadow: none;
border-color: #d4ad5f;
}
.nv-formulaire-radio-option:has(input[type="radio"]:checked) input[type="radio"] {
border-color: #d4ad5f;
}
.nv-formulaire-radio-option:hover {
border-color: #c9ced8;
}
.nv-formulaire-radio-option:has(input[type="radio"]:checked):hover {
border-color: #d4ad5f;
}
.nv-formulaire-radio-option input[type="radio"] {
flex: 0 0 auto;
width: 20px;
border: 1.5px solid color-mix(in srgb, var(--nv-page-text, #2B2230) 35%, transparent);
height: 20px;
margin: 0;
appearance: none;
background: var(--nv-color-surface);
transition: box-shadow 0.2s ease, border-color 0.2s ease;
border-radius: 50%;
-webkit-appearance: none;
}
.nv-formulaire-radio-option input[type="radio"]:checked {
box-shadow: inset 0 0 0 5px var(--nv-radio-control-dot-color, var(--nv-color-primary, #B4623D));
border-color: var(--nv-radio-control-dot-color);
}
.nv-formulaire-radio-option input[type="radio"]::before {
display: none;
}
.nv-formulaire-radio-option label {
color: inherit;
}
.nv-formulaire-date-row > div {
display: flex;
flex-direction: column;
}
.nv-formulaire-date-row >div {
display: flex;
flex-direction: column;
}
.nv-print-toggle.is-collapsed .nv-print-toggle__panel {
max-height: 0;
padding-top: 0;
}
.nv-print-toggle.is-collapsed .nv-print-toggle__chevron {
transform: rotate(-45deg);
margin-top: 0;
}
.nv-radio-option-hit input[type="radio"] {
flex: 0 0 auto;
margin: 0;
}
.nv-radio-option-hit:hover {
background: var(--nv-choice-hover-bg);
border-color: var(--nv-choice-hover-border-color);
}
.nv-radio-option-hit input[type="radio"] {
flex: 0 0 auto;
width: 20px;
border: 1.5px solid color-mix(in srgb, var(--nv-page-text, #2B2230) 35%, transparent);
height: 20px;
margin: 0;
appearance: none;
background: var(--nv-color-surface);
transition: box-shadow 0.2s ease, border-color 0.2s ease;
accent-color: var(--nv-radio-control-dot-color);
border-radius: 50%;
-webkit-appearance: none;
}
.nv-radio-option-hit:has(input:checked) {
background: color-mix(in srgb, var(--nv-color-primary, #B4623D) 7%, var(--nv-choice-bg, #FFFDF9));
box-shadow: 0 0 0 1px var(--nv-color-primary, #B4623D) inset;
border-color: var(--nv-color-primary);
}
.nv-radio-option-hit input[type="radio"]:checked {
box-shadow: inset 0 0 0 5px var(--nv-radio-control-dot-color, var(--nv-color-primary, #B4623D));
border-color: var(--nv-radio-control-dot-color);
}
.nv-shell * {
box-sizing: border-box;
}
.nv-shell textarea {
color: var(--nv-color-text);
width: 100%;
border: 1px solid var(--nv-color-border);
padding: 0 16px;
font-size: 15px;
background: #fff;
min-height: 56px;
line-height: 1.4;
border-radius: 12px;
}
.nv-shell select {
color: var(--nv-color-text);
width: 100%;
border: 1px solid var(--nv-color-border);
padding: 0 16px;
font-size: 15px;
background: #fff;
min-height: 56px;
line-height: 1.4;
border-radius: 12px;
}
.nv-shell .flex-column {
margin-top: 18px;
}
.nv-shell .nv-formulaire-date-row {
gap: 14px;
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
}
.nv-shell .btn-couleurs3 {
display: inline-flex;
padding: 0 24px;
font-size: 15px;
min-height: 52px;
align-items: center;
font-weight: 700;
border-radius: 999px;
justify-content: center;
}
.nv-shell .btn {
display: inline-flex;
padding: 0 24px;
font-size: 15px;
min-height: 52px;
align-items: center;
font-weight: 700;
border-radius: 999px;
justify-content: center;
}
.nv-shell .nv-btn-template {
display: inline-flex;
padding: 0 24px;
font-size: 15px;
min-height: 52px;
align-items: center;
font-weight: 700;
border-radius: 999px;
justify-content: center;
}
.nv-shell .field label {
gap: 10px;
width: 100%;
display: flex;
max-width: 100%;
align-items: flex-start;
white-space: normal;
justify-content: space-between;
}
.nv-shell label>span:first-child {
flex: 1 1 auto;
display: block;
min-width: 0;
word-break: normal;
white-space: normal;
overflow-wrap: break-word;
}
.nv-shell .nv-info-bulle {
display: none;
}
.nv-shell textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(180, 98, 61, 0.14);
border-color: var(--nv-color-primary);
}
.nv-shell select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(180, 98, 61, 0.14);
border-color: var(--nv-color-primary);
}
.nv-shell .nv-formulaire-date-row>div {
min-width: 0;
}
.nv-shell .nv-resume {
width: 100%;
max-width: 100%;
}
.nv-shell .nv-print-toggle {
width: 100%;
max-width: 100%;
}
.nv-shell .nv-print-toggle__panel {
padding-top: 12px;
}
.nv-shell .nv-formulaire-nombres-list {
gap: 10px;
width: 100%;
margin: 0 0 8px;
display: grid;
padding: 0;
list-style: none;
align-items: stretch;
flex-direction: column;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr));
}
.nv-shell .nv-actions-validation-maitres {
gap: 14px;
display: flex;
margin-top: 22px;
flex-direction: column;
}
.nv-shell .nv-shell-panel {
overflow: hidden;
}
.nv-shell .nv-shell-panel>* {
width: 100%;
max-width: 100%;
}
.nv-shell label > span:first-child {
flex: 1 1 auto;
display: block;
min-width: 0;
word-break: normal;
white-space: normal;
overflow-wrap: break-word;
}
.nv-shell .nv-formulaire-date-row > div {
min-width: 0;
}
.nv-shell .nv-shell-panel > * {
width: 100%;
max-width: 100%;
}
.nv-shell .texte-justifie {
color: var(--nv-color-muted);
font-size: 15px;
line-height: 1.72;
}
.nv-shell .nv-shell-hero__title {
font-family: var(--nv-font-heading);
}
.nv-shell .nv-shell-panel__title {
font-family: var(--nv-font-heading);
}
.nv-shell.nv-partner-shell {
padding: clamp(28px, 5vw, 64px) clamp(16px, 3vw, 32px) clamp(48px, 7vw, 96px);
background-image: radial-gradient(900px 420px at 88% -120px, color-mix(in srgb, var(--nv-color-primary, #B4623D) 9%, transparent), transparent 70%),radial-gradient(700px 380px at -10% 18%, color-mix(in srgb, var(--nv-heading-color, #241A22) 5%, transparent), transparent 70%);
background-repeat: no-repeat;
}
.nv-shell .nv-container {
width: 100%;
margin: 0 auto;
max-width: var(--nv-shell-content-max-width);
}
.nv-shell .recapNombre {
gap: 14px;
border: 1px solid var(--nv-color-border, #E3D8CA);
display: flex;
padding: 14px 18px;
background: var(--nv-shell-card-strong);
text-align: left;
align-items: center;
border-radius: calc(var(--nv-choice-radius, 14px) + 2px);
flex-direction: row;
justify-content: space-between;
}
.nv-shell-steps__list li {
gap: 14px;
border: 0;
display: flex;
padding: 0 0 22px;
position: relative;
background: transparent;
min-height: 0;
align-items: flex-start;
border-radius: 0;
}
.nv-shell-steps__list li.is-active {
background: transparent;
}
.nv-shell-steps__list li span {
flex: 0 0 auto;
color: var(--nv-color-muted);
width: 32px;
border: 1px solid var(--nv-color-border);
height: 32px;
display: inline-flex;
font-size: 13px;
background: var(--nv-color-surface);
align-items: center;
font-weight: 600;
border-radius: 999px;
justify-content: center;
font-variant-numeric: tabular-nums;
}
.nv-shell-steps__list li:last-child {
padding-bottom: 0;
}
.nv-shell-steps__list li::before {
top: 34px;
left: 16px;
width: 1px;
bottom: 4px;
content: "";
position: absolute;
background: var(--nv-color-border);
}
.nv-shell-steps__list li:last-child::before {
display: none;
}
.nv-shell-steps__list li.is-active span {
color: var(--nv-button-set-1-text);
background: var(--nv-color-primary);
box-shadow: 0 0 0 5px color-mix(in srgb, var(--nv-color-primary, #B4623D) 16%, transparent);
border-color: var(--nv-color-primary);
}
.nv-shell-steps__list li p {
margin: 5px 0 0;
}
.choixreponse:has(.choixreponse) {
padding: 0;
background: transparent;
border-width: 0;
border-radius: 0;
}
.choixreponse * {
font-family: var(--nv-body-font-family);
}
.nv-shell-header__nav a:hover {
color: var(--nv-color-primary);
opacity: 1;
}
.nv-shell-header__nav a {
color: var(--nv-shell-menu-text);
padding: 6px 0;
position: relative;
font-size: 15px;
font-style: normal;
transition: color 0.25s ease;
font-family: var(--nv-shell-menu-font-family);
font-weight: 500;
text-transform: none;
text-decoration: none;
}
.nv-shell-header__nav[data-nv-menu-row="1"] {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
min-width: 0;
align-items: center;
justify-content: flex-end;
}
.nv-shell-header__nav[data-nv-menu-row="2"] {
display: flex;
}
.nv-shell-header__nav a::after {
left: 0;
right: 0;
bottom: 0;
height: 1px;
content: "";
position: absolute;
transform: scaleX(0);
background: currentColor;
transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
transform-origin: left center;
}
.nv-shell-header__nav a:hover::after {
transform: scaleX(1);
}
.nv-shell-body li {
color: inherit;
font-size: inherit;
font-style: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.nv-shell-h3.nv-shell-h3 {
color: var(--nvt-shell-h3-color);
font-size: var(--nvt-shell-h3-size-d);
font-style: var(--nvt-shell-h3-style);
font-family: var(--nvt-shell-h3-font);
font-weight: var(--nvt-shell-h3-weight);
line-height: var(--nvt-shell-h3-lh);
letter-spacing: var(--nvt-shell-h3-ls);
text-transform: var(--nvt-shell-h3-transform);
text-decoration: var(--nvt-shell-h3-decoration);
}
.nv-shell-h3.nv-shell-h3>span {
font: inherit;
color: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-decoration: inherit;
}
.nv-partner-shell > div {
width: 100%;
margin: 0 auto;
max-width: var(--nv-shell-content-max-width);
}
.nv-shell-hero__main::before {
top: -150px;
right: -150px;
width: 360px;
border: 1px solid color-mix(in srgb, var(--nv-color-primary, #B4623D) 14%, transparent);
height: 360px;
content: "";
position: absolute;
border-radius: 50%;
pointer-events: none;
}
.nv-shell-hero__main::after {
top: -90px;
right: -90px;
width: 240px;
border: 1px solid color-mix(in srgb, var(--nv-color-primary, #B4623D) 30%, transparent);
height: 240px;
content: "";
position: absolute;
border-radius: 50%;
pointer-events: none;
}
.nv-shell-hero__main > p {
margin: 0;
max-width: 58ch;
}
.nv-formulaire-card > h2:first-child {
position: relative;
text-align: center;
padding-top: 26px;
}
.nv-formulaire-card .nv-shell-panel__title {
position: relative;
text-align: center;
padding-top: 26px;
}
.nv-formulaire-card > h2:first-child::before {
top: 0;
left: 50%;
width: 36px;
height: 2px;
content: "";
position: absolute;
transform: translateX(-50%);
background: var(--nv-color-primary);
border-radius: 2px;
}
.nv-formulaire-card .nv-shell-panel__title::before {
top: 0;
left: 50%;
width: 36px;
height: 2px;
content: "";
position: absolute;
transform: translateX(-50%);
background: var(--nv-color-primary);
border-radius: 2px;
}
.nv-formulaire-card .field {
gap: 10px;
width: 100%;
display: flex;
flex-direction: column;
}
.nv-formulaire-card label.RevendeurLabel {
text-align: left;
}
.nv-formulaire-card .label-text {
text-align: left;
}
.nv-cart-modal-box .nv-cart-fields-grid {
gap: 14px;
width: 100%;
display: grid;
max-width: none;
align-items: end;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.nv-cart-modal-box .nv-cart-field-ui {
gap: 8px;
width: 100%;
display: flex;
text-align: left;
align-items: stretch;
flex-direction: column;
}
.nv-cart-modal-box .nv-cart-field-ui label {
margin: 0;
text-align: left;
line-height: 1.3;
}
.nv-partner-legal-hero .nv-shell-panel__intro {
gap: 14px;
align-items: center;
}
.nv-partner-legal-hero .nv-shell-eyebrow::before {
width: 24px;
height: 1px;
content: "";
opacity: 0.6;
background: currentColor;
}
.nv-partner-legal-hero .nv-shell-eyebrow::after {
width: 24px;
height: 1px;
content: "";
opacity: 0.6;
background: currentColor;
}
.nv-partner-legal-summary__links a {
gap: 12px;
color: var(--nv-page-text);
width: 100%;
border: 1px solid var(--nv-color-border, #E3D8CA);
display: flex;
padding: 14px 18px;
background: var(--nv-shell-card-strong);
transition: border-color 0.2s ease, transform 0.25s ease, background 0.2s ease;
align-items: center;
border-radius: 14px;
justify-content: space-between;
text-decoration: none;
}
.nv-partner-legal-summary__links a::after {
color: var(--nv-color-primary);
content: "\2193";
font-size: 14px;
}
.nv-partner-legal-summary__links a:hover {
transform: translateY(-1px);
background: var(--nv-color-surface);
border-color: var(--nv-color-primary);
}
.nv-legal-section-block a {
color: var(--nv-color-primary);
text-underline-offset: 3px;
}
.nv-wg * {
box-sizing: border-box;
}
.nv-wg *::before {
box-sizing: border-box;
}
.nv-wg *::after {
box-sizing: border-box;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__frame {
box-shadow: none;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__frame::before {
display: none;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__trust-icon {
display: none;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg-card__mark {
display: none;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__head {
max-width: none;
text-align: left;
align-items: flex-start;
border-bottom: 1px solid var(--nvw-divider-color, var(--nv-color-border, #E3D8CA));
padding-bottom: clamp(24px, 3vw, 32px);
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__eyebrow::after {
display: none;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__trust {
justify-content: flex-start;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__trust-item {
border: 0;
padding: 0 14px 0 0;
background: transparent;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg-card {
border: 0;
padding: 4px 0 0;
transform: none;
background: transparent;
border-top: 2px solid var(--nv-heading-color, #241A22);
box-shadow: none;
border-radius: 0;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg-card__badge {
padding: 10px 0 0;
background: transparent;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg-card__item::before {
top: 0.75em;
width: 14px;
height: 1px;
background: var(--nv-color-primary);
border-radius: 0;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg-card__item::after {
display: none;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__steps {
align-items: flex-start;
}
.nv-wg[data-nv-template="card-editorial"] .nv-wg__step-num {
width: auto;
border: 0;
font-size: 34px;
font-style: italic;
}
.nv-wg[data-nv-template="card-contrast"] .nv-wg-card--featured {
color: var(--nvw-card-bg);
background: var(--nvw-heading-color);
border-color: transparent;
--nvt-h2-color: var(--nvw-card-bg, #FFFDF9);
--nvt-h3-color: var(--nvw-card-bg, #FFFDF9);
--nv-label-color: var(--nvw-card-bg, #FFFDF9);
--nvt-body-color: color-mix(in srgb, var(--nvw-card-bg, #FFFDF9) 82%, transparent);
--nvt-label-color: var(--nvw-card-bg, #FFFDF9);
--nvt-price-color: var(--nvw-card-bg, #FFFDF9);
--nv-product-color: var(--nvw-card-bg, #FFFDF9);
--nvw-divider-color: color-mix(in srgb, var(--nvw-card-bg, #FFFDF9) 18%, transparent);
--nv-button-set-1-bg: var(--nv-color-primary, #B4623D);
--nv-price-compare-color: color-mix(in srgb, var(--nvw-card-bg, #FFFDF9) 60%, transparent);
--nv-button-set-1-border-color: var(--nv-color-primary, #B4623D);
}
.nv-wg[data-nv-template="card-contrast"] .nv-wg-card--featured .nv-wg-card__badge {
background: color-mix(in srgb, var(--nvw-card-bg, #FFFDF9) 14%, transparent);
}
.nv-wg[data-nv-template="card-contrast"] .nv-wg-card--featured .nv-wg-card__mark {
color: var(--nvw-card-bg);
border-color: var(--nvw-card-bg);
}
.nv-wg[data-nv-template="card-contrast"] .nv-wg-card--featured .nv-wg-card__item::after {
color: var(--nvw-card-bg);
border-color: var(--nvw-card-bg);
}
.nv-wg[data-nv-template="card-contrast"] .nv-wg-card--featured .nv-wg-card__item::before {
background: color-mix(in srgb, var(--nvw-card-bg, #FFFDF9) 16%, transparent);
}
.nv-wg[data-nv-template="card-contrast"] .nv-wg__step-num {
color: var(--nv-button-set-1-text);
background: var(--nv-color-primary);
border-color: var(--nv-color-primary);
}
.nv-wg[data-nv-template="card-minimal"] .nv-wg__frame {
gap: 28px;
border: 0;
padding: 0;
background: transparent;
box-shadow: none;
border-radius: 0;
}
.nv-wg[data-nv-template="card-minimal"] .nv-wg__frame::before {
display: none;
}
.nv-wg[data-nv-template="card-minimal"] .nv-wg__trust {
display: none;
}
.nv-wg[data-nv-template="card-minimal"] .nv-wg-card__mark {
display: none;
}
.nv-wg[data-nv-template="card-minimal"] .nv-wg__steps {
display: none;
}
.nv-wg[data-nv-template="card-minimal"] .nv-wg-card {
transform: none;
box-shadow: none;
}
.nv-wg[data-nv-template="card-minimal"] .nv-wg-card--featured {
background: var(--nvw-card-bg);
}
.nv-wg[data-nv-template="card-minimal"] .nv-wg-card__badge {
padding: 0;
background: transparent;
}
.nv-wg__frame::before {
top: -180px;
right: -140px;
width: 420px;
height: 420px;
content: "";
position: absolute;
background: radial-gradient(closest-side, color-mix(in srgb, var(--nv-color-primary, #B4623D) 12%, transparent), transparent);
border-radius: 50%;
pointer-events: none;
}
.nv-wg__frame > * {
position: relative;
}
.nv-wg__eyebrow::before {
width: 24px;
height: 1px;
content: "";
opacity: 0.55;
background: currentColor;
}
.nv-wg__eyebrow::after {
width: 24px;
height: 1px;
content: "";
opacity: 0.55;
background: currentColor;
}
.nv-wg-card[hidden] {
display: none;
}
.nv-wg-card:hover {
transform: translateY(-3px);
box-shadow: 0 26px 50px -30px rgba(36, 26, 34, 0.35);
}
.nv-wg-card__item::before {
top: 0.3em;
left: 0;
width: 18px;
height: 18px;
content: "";
position: absolute;
background: color-mix(in srgb, var(--nv-color-primary, #B4623D) 12%, transparent);
border-radius: 50%;
}
.nv-wg-card__item::after {
top: calc(0.3em + 5px);
left: 6px;
width: 6px;
height: 4px;
content: "";
position: absolute;
transform: rotate(-45deg);
border-left: 1.5px solid var(--nv-color-primary, #B4623D);
border-bottom: 1.5px solid var(--nv-color-primary, #B4623D);
}
.nv-wg__step-num::before {
content: attr(data-num);
}
.nvc {
width: 100%;
border: 0;
margin: 0;
padding: 0;
background: transparent;
}
.nvc__card {
width: 100%;
border: 0;
margin: 0;
padding: 0;
background: transparent;
box-shadow: none;
}
.nvc__inner {
gap: 28px;
display: flex;
text-align: left;
flex-direction: column;
}
.nvc__head {
gap: 8px;
display: flex;
flex-direction: column;
}
.nvc__eyebrow {
margin: 0;
letter-spacing: var(--nvt-label-ls);
text-transform: uppercase;
}
.nvc__title {
margin: 0;
}
.nvc__intro {
margin: 0;
max-width: 60ch;
}
.nvc__lines {
gap: 8px;
margin: 0;
display: flex;
padding: 0;
list-style: none;
flex-direction: column;
}
.nvc-line {
border: 1px solid color-mix(in srgb, var(--nv-color-border, #E3D8CA), var(--nv-page-text, #2B2230) 12%);
display: flex;
padding: 12px 14px 12px 18px;
background: var(--nv-color-surface-nested);
transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
border-radius: 16px;
flex-direction: column;
}
.nvc-line__main {
gap: 10px 16px;
display: grid;
min-height: 44px;
align-items: center;
grid-template-columns: minmax(0, 1fr) auto minmax(72px, auto);
}
.nvc-line__info {
gap: 3px;
display: flex;
min-width: 0;
flex-direction: column;
}
.nvc-line__name {
margin: 0;
line-height: 1.25;
overflow-wrap: anywhere;
}
.nvc-line__actions {
display: flex;
align-items: center;
justify-content: flex-end;
}
.nvc-add {
gap: 6px;
color: var(--nv-color-primary);
border: 1px solid color-mix(in srgb, var(--nv-color-primary, #B4623D) 55%, transparent);
cursor: pointer;
height: 40px;
margin: 0;
display: inline-flex;
padding: 0 18px;
font-size: 14px;
min-width: 104px;
background: transparent;
min-height: 38px;
transition: background-color 0.2s ease, color 0.2s ease;
align-items: center;
font-family: var(--nv-button-font-family);
font-weight: 600;
line-height: 1;
border-radius: 999px;
justify-content: center;
}
.nvc-stepper {
gap: 2px;
border: 1px solid color-mix(in srgb, var(--nv-color-border, #E3D8CA), var(--nv-page-text, #2B2230) 12%);
height: 40px;
display: none;
padding: 0 3px;
background: var(--nv-color-surface);
align-items: center;
border-radius: 999px;
}
.nvc-stepper__btn {
color: var(--nv-page-text);
width: 32px;
border: 0;
cursor: pointer;
height: 32px;
margin: 0;
display: inline-flex;
padding: 0;
font-size: 18px;
background: transparent;
transition: background-color 0.2s ease;
align-items: center;
font-family: var(--nv-body-font-family);
line-height: 1;
border-radius: 50%;
justify-content: center;
}
.nvc-stepper__value {
font-size: 15px;
min-width: 26px;
text-align: center;
font-family: var(--nv-body-font-family);
font-weight: 600;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.nvc-line__price {
gap: 0;
display: flex;
text-align: right;
align-items: flex-end;
flex-direction: column;
justify-content: center;
}
.nvc-line__was {
margin: 0;
font-size: 13px;
line-height: 1.2;
}
.nvc-line__total {
margin: 0;
line-height: 1.15;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.nvc-line__offers {
gap: 6px;
display: flex;
margin-top: 10px;
flex-direction: column;
}
.nvc__promo {
display: block;
border-top: 1px solid color-mix(in srgb, var(--nv-color-border, #E3D8CA), var(--nv-page-text, #2B2230) 12%);
padding-top: 18px;
}
.nvc-promo__toggle {
gap: 10px;
color: inherit;
border: 0;
cursor: pointer;
margin: 0;
display: inline-flex;
padding: 4px 0;
background: transparent;
align-items: center;
line-height: 1.3;
}
.nvc-promo__toggle-text {
text-decoration: underline;
text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
text-underline-offset: 4px;
}
.nvc-promo__chevron {
flex: 0 0 auto;
width: 7px;
height: 7px;
display: inline-block;
transform: rotate(45deg) translateY(-2px);
transition: transform 0.2s ease;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
}
.nvc-promo__panel {
display: flex;
padding-top: 14px;
flex-direction: column;
}
.nvc-promo__form {
gap: 14px;
display: flex;
flex-direction: column;
}
.nvc-field {
gap: 6px;
display: flex;
flex-direction: column;
}
.nvc-field__label {
margin: 0;
}
.nvc-field__hint {
margin: 0;
opacity: 0.75;
font-size: calc(var(--nvt-body-size-d, 15px) * 0.9);
}
.nvc-promo__row {
gap: 10px;
display: flex;
align-items: stretch;
}
.nvc-promo__apply {
color: var(--nv-button-set-1-text);
border: 1px solid var(--nv-button-set-1-border-color, #3A2434);
cursor: pointer;
padding: 0 20px;
background: var(--nv-button-set-1-bg);
min-height: var(--nv-input-height);
transition: background-color 0.2s ease;
font-family: var(--nv-button-font-family);
font-weight: 600;
white-space: nowrap;
border-radius: var(--nv-input-radius);
}
.nvc-promo__applied {
gap: 12px;
border: 1px dashed color-mix(in srgb, var(--nv-color-primary, #B4623D) 60%, transparent);
display: flex;
padding: 10px 14px;
background: var(--nv-color-surface-nested);
align-items: center;
border-radius: 12px;
justify-content: space-between;
}
.nvc-promo__applied-text {
margin: 0;
}
.nvc-promo__code {
font-weight: 700;
letter-spacing: 0.06em;
}
.nvc-promo__remove {
color: inherit;
border: 0;
cursor: pointer;
padding: 4px 0;
font-size: 14px;
background: transparent;
text-decoration: underline;
text-underline-offset: 3px;
}
.nvc-promo__message {
margin: 10px 0 0;
font-size: calc(var(--nvt-body-size-d, 15px) * 0.92);
}
.nvc__summary {
gap: 10px;
display: flex;
padding: 18px 20px;
background: var(--nv-color-surface-nested);
border-radius: 16px;
flex-direction: column;
}
.nvc-sum {
gap: 16px;
display: flex;
align-items: baseline;
line-height: 1.3;
justify-content: space-between;
}
.nvc-sum__value {
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.nvc-sum--total {
border-top: 1px solid color-mix(in srgb, var(--nv-color-border, #E3D8CA), var(--nv-page-text, #2B2230) 12%);
align-items: center;
padding-top: 12px;
}
.nvc-sum__total {
font-size: calc(var(--nvt-price-size-d, 26px) * 1.15);
line-height: 1.1;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.nvc__checkout {
gap: 16px;
display: flex;
flex-direction: column;
}
.nvc__empty {
margin: 0;
padding: 12px 14px;
background: var(--nv-color-surface-nested);
text-align: center;
border-radius: 12px;
}
.nvc__legal {
gap: 12px;
display: flex;
flex-direction: column;
}
.nvc-check {
gap: 12px;
display: flex;
align-items: flex-start;
}
.nvc-check__input {
flex: 0 0 auto;
width: 20px;
cursor: pointer;
height: 20px;
margin: 2px 0 0;
accent-color: var(--nv-color-primary);
}
.nvc-check__label {
cursor: pointer;
text-align: left;
}
.nvc__pay {
width: 100%;
min-width: 0;
min-height: 56px;
white-space: normal;
}
.nvc__secure {
gap: 8px;
margin: 0;
display: flex;
opacity: 0.7;
font-size: 13px;
align-items: center;
justify-content: center;
}
.nvc-line.is-selected {
background: color-mix(in srgb, var(--nv-color-primary, #B4623D) 5%, var(--nv-color-surface, #FFFDF9));
box-shadow: 0 10px 24px -20px color-mix(in srgb, var(--nv-color-primary, #B4623D) 80%, transparent);
border-color: color-mix(in srgb, var(--nv-color-primary, #B4623D) 45%, var(--nv-color-border, #E3D8CA));
}
.nvc-line.is-selected .nvc-stepper {
display: inline-flex;
}
.nvc-line.is-selected .nvc-add {
display: none;
}
.nvc-line:not(.is-selected) .nvc-line__price {
display: none;
visibility: hidden;
}
.nvc-add::before {
width: 10px;
height: 10px;
content: "";
background: linear-gradient(currentColor, currentColor),center / 100% 1.6px no-repeat linear-gradient(currentColor, currentColor) center / 1.6px 100% no-repeat;
}
.nvc-add:hover {
color: var(--nv-button-set-1-text);
background: var(--nv-color-primary);
}
.nvc-add:focus-visible {
color: var(--nv-button-set-1-text);
background: var(--nv-color-primary);
}
.nvc-stepper__btn:hover:not(:disabled) {
background: color-mix(in srgb, var(--nv-color-primary, #B4623D) 12%, transparent);
}
.nvc-stepper__btn:disabled {
cursor: default;
opacity: 0.35;
}
.nvc__promo.is-open .nvc-promo__chevron {
transform: rotate(-135deg) translateY(-2px);
}
.nvc-promo__row .nvc-field__input {
flex: 1 1 auto;
min-width: 0;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.nvc-promo__apply:hover {
color: var(--nv-button-set-1-text-hover);
background: var(--nv-button-set-1-bg-hover);
}
.nvc-sum--discount .nvc-sum__value {
color: var(--nv-color-primary);
font-weight: 600;
}
.nvc-sum--total .nvc-sum__label {
letter-spacing: 0.1em;
text-transform: uppercase;
}
.nvc-check.nv-input-error .nvc-check__label {
color: #A3341F;
}
.nvc__pay:disabled {
cursor: not-allowed;
opacity: 0.45;
transform: none;
box-shadow: none;
}
.nvc__secure::before {
flex: 0 0 auto;
width: 12px;
border: 1.5px solid currentColor;
height: 14px;
content: "";
border-radius: 3px 3px 2px 2px;
border-top-width: 6px;
}
.nv-formulaire-donnees-confirmation {
width: 100%;
max-width: 450px;
}
.nvc-line:not(.is-selected) .nvc-line__main {
grid-template-columns: minmax(0, 1fr) auto;
}
.nvc-add > span {
font: inherit;
color: inherit;
margin: 0;
padding: 0;
line-height: 1;
}
.nvc-sum > span {
margin: 0;
}
.nv-cart-modal-box .nv-cart-modal-head {
gap: 8px;
margin: 0;
text-align: left;
align-items: flex-start;
}
.nv-cart-modal-box .nv-cart-modal-head > * {
margin: 0;
}
.nv-cart-modal-box .nv-cart-field-ui input {
height: 44px;
margin: 0;
min-height: 44px;
padding-top: 0;
padding-bottom: 0;
}
.nv-cart-modal-box .nv-cart-order-choice {
gap: 10px;
margin: 4px 0 0;
}
.nv-cart-modal-box .nv-cart-order-choice > p {
margin: 0;
}
.nv-cart-modal-box .nv-cart-choice-grid {
gap: 10px;
align-items: stretch;
grid-template-columns: repeat(2, minmax(0,
1fr));
}
.nv-cart-modal-box .nv-radio-option-hit {
gap: 12px;
border: 1px
solid color-mix(in srgb, var(--nv-color-border, #E3D8CA), var(--nv-page-text, #2B2230) 12%);
margin: 0;
padding: 14px 16px;
align-items: flex-start;
border-radius: 14px;
}
.nv-cart-modal-box .nv-radio-option-hit input[type="radio"] {
margin: 2px 0 0;
}
.nv-cart-modal-box .nv-cart-choice-card-content {
gap: 4px;
}
.nv-cart-modal-box .nv-cart-choice-card-content > * {
margin: 0;
line-height: 1.35;
}
.nv-cart-modal-box .nv-cart-choice-card-content .gras {
font-weight: 600;
}
.nv-cart-modal-box .nv-cart-choice-card-text {
font-size: calc(var(--nvt-body-size-d, 15px) * 0.92);
}
.nv-cart-modal-box .nv-cart-gift-panel {
margin: 0;
padding: 16px 18px;
border-radius: 14px;
}
.nv-cart-modal-box .nv-cart-gift-panel-inner {
gap: 14px;
padding: 0;
text-align: left;
align-items: stretch;
}
.nv-cart-modal-box .nv-cart-gift-panel-inner > p {
margin: 0;
}
.nv-cart-modal-box .nv-cart-gift-grid {
gap: 16px 18px;
margin: 0;
align-items: end;
}
.nv-cart-modal-box .nv-legal-checkbox {
gap: 12px;
margin: 0;
align-items: flex-start;
}
.nv-cart-modal-box .nv-legal-checkbox label {
margin: 0;
line-height: 1.4;
}
.nv-cart-modal-box .nv-legal-input {
width: 18px;
height: 18px;
margin: 2px 0 0;
}
.nv-cart-modal-box .nv-cart-modal-actions {
gap: 12px;
margin: 4px 0 0;
padding: 0;
flex-wrap: nowrap;
justify-content: stretch;
}
.nv-cart-modal-box .nv-cart-modal-actions .RevendeurButton {
flex: 1 1 0;
width: auto;
min-width: 0;
white-space: normal;
}
.bloclegalsommaire {
width: 100%;
background-color: var(--nv-color-surface-nested);
}
.space-between {
justify-content: space-between;
}
.ins-stack {
gap: 20px;
display: flex;
flex-direction: column;
}
.ins-error {
color: #8C3B2F;
border: 1px solid #F0C9B4;
margin: 0;
display: none;
padding: 14px 18px;
background: #FBEDE8;
border-radius: var(--radius-md);
}
.ins-card {
margin: 0;
}
.ins-card__head {
gap: 16px;
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.ins-card__titles {
gap: 6px;
display: flex;
min-width: 0;
flex-direction: column;
}
.ins-card__intro {
color: var(--muted);
margin: 0;
max-width: 70ch;
line-height: 1.55;
}
.ins-step {
flex: 0 0 auto;
color: var(--paper);
width: 34px;
height: 34px;
display: inline-flex;
font-size: 17px;
background: var(--plum);
align-items: center;
font-family: var(--font-heading);
line-height: 1;
border-radius: 50%;
justify-content: center;
}
.ins-group {
border: 0;
margin: 0 0 22px;
padding: 0;
}
.ins-group__title {
color: var(--ink);
padding: 0;
font-weight: 600;
margin-bottom: 10px;
}
.ins-choices {
gap: 10px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ins-choices--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ins-choice {
gap: 6px;
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
display: flex;
padding: 16px 18px;
position: relative;
background: var(--paper);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
border-radius: var(--radius-md);
flex-direction: column;
}
.ins-choice__input {
top: 16px;
right: 16px;
width: 18px;
height: 18px;
margin: 0;
position: absolute;
accent-color: var(--terra);
}
.ins-choice__title {
color: var(--ink);
font-weight: 600;
padding-right: 28px;
}
.ins-choice__text {
color: var(--muted);
font-size: 14px;
line-height: 1.5;
}
.ins-save {
gap: 16px;
display: flex;
align-items: center;
padding-top: 6px;
justify-content: flex-end;
}
.ins-status {
flex: 1 1 auto;
color: var(--muted);
margin: 0;
font-size: 14px;
}
.ins-code {
gap: 12px;
display: flex;
padding: 14px;
background: var(--plum);
align-items: center;
border-radius: var(--radius-md);
}
.ins-code__block {
flex: 1 1 auto;
color: #F3EDE3;
margin: 0;
font-size: 13px;
min-width: 0;
overflow-x: auto;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
line-height: 1.6;
white-space: pre;
}
.ins-hint {
color: var(--faint);
margin: 12px 0 0;
font-size: 13px;
line-height: 1.5;
}
.ins-tabs {
gap: 6px;
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
}
.ins-tab {
font: inherit;
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
padding: 8px 14px;
font-size: 14px;
background: var(--paper);
border-radius: 999px;
}
.ins-panel {
gap: 16px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}
.ins-panel__col {
border: 1px solid var(--line, #E6DCCD);
padding: 16px 18px;
background: var(--paper);
border-radius: var(--radius-md);
}
.ins-panel__title {
color: var(--ink);
margin: 0 0 10px;
font-weight: 600;
}
.ins-steps {
gap: 8px;
color: var(--muted);
margin: 0;
display: flex;
line-height: 1.5;
padding-left: 20px;
flex-direction: column;
}
.ins-help {
margin-top: 0;
}
.ins-card__titles .sales-card__title {
margin: 0;
}
.ins-step::before {
content: attr(data-num);
}
.ins-choice:hover {
border-color: var(--line-strong);
}
.ins-choice.is-selected {
background: color-mix(in srgb, var(--terra, #C1633B) 5%, var(--paper, #FFFDF9));
box-shadow: 0 0 0 1px var(--terra, #C1633B) inset;
border-color: var(--terra);
}
.ins-status.is-ok {
color: var(--sage);
}
.ins-status.is-error {
color: #8C3B2F;
}
.ins-code .ins-copy {
flex: 0 0 auto;
color: #F3EDE3;
border-color: rgba(243, 237, 227, 0.4);
}
.ins-tab.is-active {
color: var(--paper);
background: var(--plum);
border-color: var(--plum);
}
.of-stack {
gap: 20px;
display: flex;
flex-direction: column;
}
.of-error {
color: #8C3B2F;
border: 1px solid #F0C9B4;
margin: 0;
display: none;
padding: 14px 18px;
background: #FBEDE8;
border-radius: var(--radius-md);
}
.of-loading {
color: var(--faint);
margin: 0;
}
.of-card {
margin: 0;
}
.of-card__head {
gap: 16px;
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.of-card__titles {
gap: 6px;
display: flex;
min-width: 0;
flex-direction: column;
}
.of-card__intro {
color: var(--muted);
margin: 0;
max-width: 62ch;
line-height: 1.55;
}
.of-zone {
color: var(--muted);
margin: 4px 0 0;
font-size: 14px;
}
.of-zone__value {
color: var(--ink);
font-weight: 600;
}
.of-amount {
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.of-range {
gap: 10px;
display: flex;
align-items: center;
}
.of-range__input {
flex: 1 1 auto;
cursor: pointer;
height: 6px;
min-width: 0;
appearance: none;
background: linear-gradient(to right, var(--terra, #C1633B) 0, var(--terra, #C1633B) var(--of-fill, 0%), var(--line, #E6DCCD) var(--of-fill, 0%), var(--line, #E6DCCD) 100%);
border-radius: 999px;
-webkit-appearance: none;
}
.of-range__step {
flex: 0 0 auto;
color: var(--ink);
width: 32px;
border: 1px solid var(--line-strong, #D6C8B5);
cursor: pointer;
height: 32px;
font-size: 17px;
background: var(--paper);
line-height: 1;
border-radius: 50%;
}
.of-range__scale {
gap: 12px;
color: var(--faint);
display: flex;
padding: 0 42px;
font-size: 12px;
margin-top: -4px;
justify-content: space-between;
}
.of-figures {
gap: 10px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.of-figure {
gap: 2px;
display: flex;
padding: 10px 12px;
background: var(--sand);
border-radius: var(--radius-sm);
flex-direction: column;
}
.of-figure__label {
color: var(--muted);
font-size: 12px;
}
.of-figure__value {
color: var(--ink);
font-size: 18px;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.of-hint {
color: var(--faint);
margin: 16px 0 0;
font-size: 13px;
max-width: 62ch;
line-height: 1.5;
}
.of-field {
gap: 6px;
display: flex;
min-width: 0;
flex-direction: column;
}
.of-field__label {
color: var(--muted);
font-size: 12px;
font-weight: 600;
}
.of-field__input {
font: inherit;
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong, #D6C8B5);
padding: 0 10px;
background: #fff;
min-height: 40px;
border-radius: var(--radius-sm);
}
.of-unit {
gap: 6px;
display: flex;
align-items: center;
}
.of-unit__symbol {
color: var(--muted);
}
.of-terms__text {
color: var(--muted);
margin: 0 0 12px;
max-width: 62ch;
line-height: 1.6;
}
.of-check {
gap: 12px;
color: var(--ink);
cursor: pointer;
display: flex;
margin-top: 8px;
align-items: flex-start;
font-weight: 600;
}
.of-check__input {
flex: 0 0 auto;
width: 20px;
height: 20px;
margin: 2px 0 0;
accent-color: var(--terra);
}
.of-savebar {
gap: 16px;
border: 1px solid var(--line, #E6DCCD);
bottom: 16px;
display: flex;
padding: 14px 18px;
z-index: 5;
position: sticky;
background: color-mix(in srgb, var(--paper, #FFFDF9) 94%, transparent);
box-shadow: var(--shadow-soft);
align-items: center;
border-radius: var(--radius-lg);
backdrop-filter: blur(8px);
justify-content: flex-end;
-webkit-backdrop-filter: blur(8px);
}
.of-status {
flex: 1 1 auto;
color: var(--muted);
margin: 0;
font-size: 14px;
}
.of-card__titles .sales-card__title {
margin: 0;
}
.of-range__input::-webkit-slider-thumb {
width: 22px;
border: 2px solid var(--terra, #C1633B);
height: 22px;
background: var(--paper);
box-shadow: 0 2px 6px rgba(36, 26, 34, 0.2);
border-radius: 50%;
-webkit-appearance: none;
}
.of-range__input::-moz-range-thumb {
width: 22px;
border: 2px solid var(--terra, #C1633B);
height: 22px;
background: var(--paper);
box-shadow: 0 2px 6px rgba(36, 26, 34, 0.2);
border-radius: 50%;
}
.of-range__step:hover {
color: var(--terra-dark);
border-color: var(--terra);
}
.of-figure.is-accent {
background: color-mix(in srgb, var(--sage, #6E7A52) 16%, var(--paper, #FFFDF9));
}
.of-field__input:focus {
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--terra, #C1633B) 18%, transparent);
border-color: var(--terra);
}
.of-status.is-ok {
color: var(--sage);
}
.of-status.is-error {
color: #8C3B2F;
}
.of-save {
gap: 10px;
display: inline-flex;
min-width: 230px;
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
align-items: center;
justify-content: center;
}
.of-save:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.form-status {
color: var(--ink);
margin: 14px 0 0;
padding: 12px 16px;
font-size: 15px;
background: var(--sand);
line-height: 1.5;
border-radius: var(--radius-md);
}
.form-messages {
display: none;
}
.form-status.is-success {
color: #3F4A2C;
border: 1px solid #C9D3B4;
background: #EEF2E6;
}
.form-status.is-error {
color: #8C3B2F;
border: 1px solid #F0C9B4;
background: #FBEDE8;
}
.form-status.is-info {
border: 1px dashed var(--line-strong, #D6C8B5);
background: var(--paper);
}
.of-offer {
border: 1px solid var(--line, #e6dcd1);
display: flex;
opacity: 1;
overflow: hidden;
position: relative;
background: color-mix(in srgb, var(--of-accent, #3A2434) 5%, var(--paper, #FFFDF9));
box-shadow: 0 0 0 1px var(--line, #e6dcd1);
transition: border-color 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
border-radius: var(--radius-md);
flex-direction: column;
}
.of-offer__head {
gap: 16px;
cursor: pointer;
display: flex;
padding: 20px 22px;
row-gap: 10px;
flex-wrap: wrap;
align-self: strech;
align-items: center;
justify-content: space-between;
}
.of-offer__check {
flex: 0 0 auto;
width: 26px;
cursor: pointer;
height: 26px;
margin: 0;
accent-color: #C1633B;
}
.of-offer__name {
color: var(--ink);
font-size: 30px;
font-family: var(--font-heading);
line-height: 1.15;
}
.of-offer__state {
color: var(--muted);
font-size: 13px;
}
.of-offer__state-off {
display: none;
}
.of-offer__price {
gap: 10px;
flex: 0 0 auto;
display: flex;
align-items: baseline;
margin-left: auto;
}
.of-offer__final {
color: var(--ink);
font-size: 26px;
font-family: var(--font-heading);
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.of-offer__before {
color: var(--faint);
font-size: 16px;
white-space: nowrap;
text-decoration: line-through;
font-variant-numeric: tabular-nums;
}
.of-offer__body {
gap: 18px;
display: flex;
padding: 18px 20px;
flex-direction: column;
}
.of-offer__block {
gap: 12px;
display: flex;
flex-direction: column;
}
.of-offer__label {
color: var(--ink);
margin: 0;
font-weight: 600;
}
.of-promo-box {
padding: 16px 18px;
background: var(--sand);
border-radius: var(--radius-sm);
}
.of-promo-box__hint {
margin: 0;
}
.of-promo-box__fields {
gap: 18px;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.of-promo-box__warning {
color: #8C3B2F;
margin: 0;
font-size: 13px;
}
.of-promo-preview {
gap: 4px;
display: flex;
flex-direction: column;
}
.of-promo-preview__label {
color: var(--muted);
font-size: 12px;
font-weight: 600;
}
.of-promo-preview__prices {
gap: 10px;
display: flex;
align-items: baseline;
}
.of-promo-preview__final {
color: var(--terra-dark);
font-size: 26px;
font-family: var(--font-heading);
font-variant-numeric: tabular-nums;
}
.of-promo-preview__before {
color: var(--faint);
font-size: 16px;
text-decoration: line-through;
font-variant-numeric: tabular-nums;
}
.of-terms__notice {
color: var(--ink);
padding: 12px 16px;
background: color-mix(in srgb, var(--terra, #C1633B) 7%, var(--paper, #FFFDF9));
border-left: 3px solid var(--terra, #C1633B);
border-radius: var(--radius-sm);
}
.of-offer.is-on {
box-shadow: 0 0 0 1px var(--sage, #6e7a52);
border-color: var(--sage);
}
.of-offer.is-off {
opacity: 0.65;
background: #fff5f0;
box-shadow: 0 0 0 1px #b5582a;
border-color: #b5582a;
}
.of-offer.is-off .of-offer__body {
display: none;
}
.of-offer.is-on .of-offer__head {
background: transparent;
border-bottom: 1px solid color-mix(in srgb, var(--of-accent, #3A2434) 22%, var(--line, #E6DCCD));
border-bottom-color: color-mix(in srgb,
var(--sage, #6e7a52) 28%,
var(--line, #e6dcd1));
}
.of-offer.is-off .of-offer__state-on {
display: none;
}
.of-offer.is-off .of-offer__state-off {
color: #b5582a;
display: inline;
font-weight: 600;
}
.of-offer.is-on .of-offer__state-on {
color: #3A2434;
font-weight: 600;
}
.of-offer.is-off .of-offer__price {
display: none;
}
.of-promo-box .of-check {
margin-top: 0;
}
.of-tax-note {
color: var(--ink);
margin: 8px 0 0;
padding: 10px 14px;
font-size: 14px;
max-width: 62ch;
background: var(--sand);
line-height: 1.5;
border-radius: var(--radius-sm);
}
.of-save.is-saving::before {
flex: 0 0 auto;
width: 16px;
border: 2px solid currentColor;
height: 16px;
content: "";
animation: of-spin 0.7s linear infinite;
border-radius: 50%;
border-right-color: transparent;
}
.of-save.is-saved {
color: #fff;
cursor: default;
opacity: 1;
animation: of-pop 0.35s ease-out;
background: var(--sage);
border-color: var(--sage);
}
.of-save.is-saved:disabled {
color: #fff;
cursor: default;
opacity: 1;
animation: of-pop 0.35s ease-out;
background: var(--sage);
border-color: var(--sage);
}
.of-save.is-saved::before {
flex: 0 0 auto;
width: 6px;
border: solid #fff;
height: 12px;
content: "";
transform: rotate(45deg);
margin-top: -3px;
border-width: 0 2px 2px 0;
}
.nvf {
width: 100%;
background: transparent;
border-top: 1px solid var(--nv-color-border, #E3D8CA);
margin-top: auto;
}
.nvf__inner {
gap: 12px;
margin: 0 auto;
display: flex;
padding: 28px clamp(16px, 3vw, 32px);
max-width: 1120px;
box-sizing: border-box;
text-align: center;
align-items: center;
flex-direction: column;
}
.nvf__links {
gap: 8px 28px;
margin: 0;
display: flex;
padding: 0;
flex-wrap: wrap;
justify-content: center;
}
.nvf__meta {
color: var(--nv-color-muted);
margin: 0;
font-size: 13px;
line-height: 1.4;
}
.nvf__link {
color: var(--nv-color-muted);
font-size: 14px;
transition: color 0.2s ease;
line-height: 1.4;
text-decoration: none;
}
.nvf__link span {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.nvf__link:hover {
color: var(--nv-color-primary);
text-decoration: underline;
text-underline-offset: 3px;
}
.nvf__meta span {
color: inherit;
font-size: inherit;
}
.nvf .nvf__partnership {
color: var(--nv-color-muted);
margin: 0;
display: block;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.of-averages {
margin: 4px 0 16px;
padding: 14px 16px;
background: var(--sand);
border-radius: var(--radius-sm);
}
.of-averages__title {
color: var(--ink);
margin: 0 0 8px;
font-weight: 600;
line-height: 1.5;
}
.of-averages__list {
gap: 4px;
margin: 0;
display: flex;
padding: 0;
list-style: none;
flex-direction: column;
}
.of-averages__item {
gap: 6px;
color: var(--muted);
display: flex;
flex-wrap: wrap;
}
.of-averages__value {
color: var(--ink);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.of-averages__value.is-empty {
color: var(--faint);
font-style: italic;
font-weight: 400;
}
.kyb-texts {
display: none;
}
.kyb-bar {
width: 100%;
margin: 0;
padding: 16px 0;
background: var(--sand);
border-bottom: 1px solid var(--line, #E6DCCD);
}
.kyb-bar__head {
gap: 10px 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.kyb-bar__text {
gap: 2px;
flex: 1 1 220px;
display: flex;
min-width: 0;
flex-direction: column;
}
.kyb-bar__title {
color: var(--ink);
margin: 0;
font-size: 17px;
font-weight: 600;
line-height: 1.4;
}
.kyb-bar__detail {
color: var(--muted);
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.kyb-bar__dot {
flex: none;
width: 10px;
height: 10px;
background: var(--gold);
border-radius: 50%;
}
.kyb-bar__actions {
gap: 8px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.kyb-bar__toggle {
font: inherit;
color: var(--ink);
border: 1px solid var(--line-strong, #D6C8B5);
cursor: pointer;
padding: 6px 14px;
font-size: 14px;
background: var(--paper);
border-radius: 999px;
}
.kyb-steps {
gap: 8px;
margin: 0;
display: grid;
padding: 0;
list-style: none;
margin-top: 1rem;
grid-template-columns: repeat(auto-fill, minmax(max(260px, calc(33.333% - 6px)), 1fr));
}
.kyb-step {
gap: 12px;
border: 1px solid var(--gold-soft, #EBD9B4);
display: flex;
padding: 12px 14px;
min-width: 0;
background: var(--paper);
transition: border-color .2s ease, background-color .2s ease;
align-items: flex-start;
border-radius: var(--radius-md);
}
.kyb-step__dot {
flex: none;
width: 18px;
border: 2px solid var(--gold, #C8A165);
height: 18px;
position: relative;
background: var(--paper);
margin-top: 1px;
transition: background-color .2s ease, border-color .2s ease;
border-radius: 50%;
}
.kyb-step__body {
gap: 6px;
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
min-width: 0;
align-items: center;
flex-direction: column;
}
.kyb-step__label {
color: var(--ink);
font-size: 14px;
font-style: normal;
font-family: inherit;
font-weight: 600;
line-height: 1.4;
border-bottom: 1px dotted var(--line-strong);
overflow-wrap: anywhere;
text-decoration: none;
}
.kyb-step__state {
color: var(--faint);
font-size: 12.5px;
}
.kyb-modal {
inset: 0;
display: flex;
padding: 16px;
z-index: 1000;
position: fixed;
background: rgba(36, 26, 34, 0.55);
align-items: center;
justify-content: center;
}
.kyb-modal__box {
width: 100%;
padding: 28px;
overflow: auto;
max-width: 520px;
background: var(--paper);
box-shadow: var(--shadow-lift);
max-height: 90vh;
border-radius: var(--radius-lg);
}
.kyb-modal__title {
color: var(--ink);
margin: 0 0 12px;
font-size: 26px;
font-family: var(--font-heading);
line-height: 1.2;
}
.kyb-modal__list {
gap: 12px;
margin: 0 0 20px;
display: flex;
flex-direction: column;
}
.kyb-modal__actions {
gap: 8px;
display: flex;
flex-wrap: wrap;
}
.kyb-page {
gap: 20px;
display: flex;
flex-direction: column;
}
.kyb-card {
margin: 0;
}
.kyb-card--alert {
background: #FFF8F5;
border-color: #F0C9B4;
}
.kyb-status {
gap: 12px;
margin: 0;
display: flex;
padding: 14px 16px;
background: var(--sand);
align-items: flex-start;
line-height: 1.5;
border-radius: var(--radius-md);
}
.kyb-status__text {
gap: 4px;
display: flex;
min-width: 0;
flex-direction: column;
}
.kyb-status__label {
color: var(--ink);
font-weight: 600;
}
.kyb-status__detail {
color: var(--muted);
}
.kyb-form {
gap: 16px;
display: flex;
max-width: 640px;
flex-direction: column;
}
.kyb-hint {
color: var(--muted);
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.kyb-form-status {
color: var(--muted);
margin: 0;
font-size: 14px;
}
.kyb-actions {
gap: 8px;
display: flex;
flex-wrap: wrap;
margin-top: 12px;
}
.kyb-bar[hidden] {
display: none;
}
.kyb-bar.is-alert {
background: #FBEDE8;
border-bottom-color: #F0C9B4;
}
.kyb-bar.is-ok {
background: #EEF1E6;
border-bottom-color: var(--sage-soft);
}
.kyb-bar.is-alert .kyb-bar__dot {
background: var(--terra);
}
.kyb-bar.is-ok .kyb-bar__dot {
background: var(--sage);
}
.kyb-steps[hidden] {
display: none;
}
.kyb-modal[hidden] {
display: none;
}
.kyb-card[hidden] {
display: none;
}
.kyb-page [hidden] {
display: none;
}
.kyb-step.is-done .kyb-step__dot {
background: var(--sage);
box-shadow: none;
border-color: var(--sage);
}
.kyb-step.is-done .kyb-step__dot::after {
top: 1px;
left: 4px;
width: 5px;
border: solid var(--paper, #FFFDF9);
height: 9px;
content: "";
position: absolute;
transform: rotate(45deg);
border-width: 0 2px 2px 0;
}
.kyb-step.is-current {
border-color: var(--terra);
}
.kyb-step.is-current .kyb-step__dot {
border-color: var(--terra);
}
.kyb-step.is-locked {
opacity: 0.6;
}
.kyb-status.is-ok {
background: #EEF1E6;
}
.kyb-status.is-alert {
background: #FBEDE8;
}
.kyb-form-status.is-error {
color: #8C3B2F;
}
.kyb-form-status.is-ok {
color: var(--sage-dark);
}
.pd-grid {
gap: 72px;
display: grid;
align-items: center;
grid-template-columns: 0.95fr 1.05fr;
}
.pd {
position: relative;
}
.demo-steps {
gap: 12px;
display: grid;
}
.pd-window {
border: 1px solid rgba(230, 220, 205, 0.8);
z-index: 1;
overflow: hidden;
position: relative;
background: var(--paper);
box-shadow: var(--shadow-lift);
border-radius: var(--radius-lg);
}
.pd-client {
width: 340px;
margin: 22px 0 0 -44px;
z-index: 2;
position: relative;
}
.demo-cursor {
top: 0;
left: 0;
width: 26px;
filter: drop-shadow(0 4px 6px rgba(36, 26, 34, 0.3));
height: 26px;
opacity: 0;
z-index: 6;
position: absolute;
transform: translate(0, 0);
transition: transform 0.9s var(--ease-out), opacity 0.35s ease, scale 0.15s ease;
pointer-events: none;
}
.demo-ripple {
top: 0;
left: 0;
width: 40px;
border: 2px solid var(--terra);
height: 40px;
margin: -20px 0 0 -20px;
display: block;
opacity: 0;
z-index: 5;
position: absolute;
border-radius: 50%;
pointer-events: none;
}
.demo-step {
gap: 14px;
border: 1px solid var(--line);
display: flex;
padding: 18px 20px;
transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
align-items: flex-start;
border-radius: var(--radius-md);
}
.bd-chrome {
gap: 6px;
display: flex;
padding: 14px 20px;
background: var(--cream);
align-items: center;
border-bottom: 1px solid var(--line);
}
.pd-body {
gap: 22px;
display: flex;
padding: 26px 28px 28px;
flex-direction: column;
}
.pd-client__label {
color: var(--faint);
margin: 0 0 8px 4px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.pd-client__card {
gap: 14px;
border: 1px solid rgba(230, 220, 205, 0.8);
display: grid;
padding: 14px 16px;
background: var(--paper);
box-shadow: var(--shadow-lift);
align-items: center;
border-radius: var(--radius-md);
grid-template-columns: auto minmax(0, 1fr) auto;
}
.demo-step__num {
color: var(--terra);
width: 34px;
border: 1px solid var(--line-strong);
height: 34px;
display: flex;
font-size: 17px;
font-style: italic;
transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
align-items: center;
flex-shrink: 0;
font-family: var(--font-heading);
border-radius: 50%;
justify-content: center;
}
.demo-step__copy {
min-width: 0;
}
.bd-chrome__title {
color: var(--faint);
font-size: 11px;
font-weight: 600;
margin-left: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.pd-product {
gap: 14px;
display: flex;
align-items: center;
border-bottom: 1px solid var(--line);
padding-bottom: 20px;
}
.pd-toggle {
gap: 16px;
color: var(--ink);
width: 100%;
border: 1px solid transparent;
cursor: pointer;
display: flex;
padding: 14px 16px;
font-size: 14.5px;
background: var(--cream);
text-align: left;
transition: transform 0.18s ease, border-color 0.25s ease, background-color 0.25s ease;
align-items: center;
font-weight: 600;
border-radius: var(--radius-md);
justify-content: space-between;
}
.pd-promo {
gap: 12px;
display: flex;
padding: 0 4px;
min-height: 34px;
transition: opacity 0.4s ease, transform 0.5s var(--ease-out);
align-items: center;
justify-content: space-between;
}
.pd-gesture {
gap: 10px;
color: #FFFDF9;
width: 100%;
border: 0;
cursor: pointer;
display: flex;
padding: 14px 20px;
font-size: 14.5px;
background: var(--plum);
transition: opacity 0.45s ease, transform 0.5s var(--ease-spring), background-color 0.2s ease, box-shadow 0.4s ease;
align-items: center;
font-weight: 600;
border-radius: 999px;
justify-content: center;
}
.pd-client__cover {
width: 34px;
height: 46px;
display: block;
background: linear-gradient(155deg, #4E3145 0%, #3A2434 55%, #2B1B27 100%);
box-shadow: 0 10px 18px -10px rgba(36, 26, 34, 0.6);
flex-shrink: 0;
border-radius: 3px 7px 7px 3px;
}
.pd-client__btn {
color: #FFFDF9;
display: inline-flex;
padding: 9px 14px;
font-size: 12.5px;
background: var(--terra);
font-weight: 600;
white-space: nowrap;
border-radius: 999px;
}
.demo-step__title {
color: var(--ink);
font-size: 19px;
font-family: var(--font-heading);
line-height: 1.25;
margin-bottom: 4px;
}
.demo-step__desc {
color: var(--muted);
font-size: 14px;
line-height: 1.55;
}
.pd-product__cover {
width: 34px;
height: 46px;
display: block;
background: linear-gradient(155deg, #4E3145 0%, #3A2434 55%, #2B1B27 100%);
box-shadow: 0 10px 18px -10px rgba(36, 26, 34, 0.6);
flex-shrink: 0;
border-radius: 3px 7px 7px 3px;
}
.pd-product__name {
color: var(--ink);
font-size: 20px;
font-family: var(--font-heading);
line-height: 1.25;
}
.bd-group__head {
gap: 12px;
display: flex;
align-items: baseline;
margin-bottom: 12px;
justify-content: space-between;
}
.demo-slider {
--v: 0.5;
cursor: pointer;
height: 28px;
display: block;
position: relative;
touch-action: none;
}
.pd-range {
display: flex;
margin-top: 6px;
justify-content: space-between;
}
.pd-switch {
width: 46px;
height: 26px;
display: block;
position: relative;
background: var(--line-strong);
transition: background-color 0.3s ease;
flex-shrink: 0;
border-radius: 99px;
}
.pd-promo__label {
color: var(--muted);
font-size: 14px;
font-weight: 500;
}
.pd-promo__prices {
gap: 12px;
display: flex;
align-items: baseline;
}
.pd-gesture__icon {
display: flex;
}
.pd-client__name {
color: var(--ink);
font-size: 13.5px;
font-weight: 600;
line-height: 1.3;
}
.pd-client__prices {
gap: 8px;
display: flex;
margin-top: 2px;
align-items: baseline;
}
.pd-client__badge {
color: var(--terra-dark);
display: inline-flex;
padding: 3px 9px;
font-size: 10.5px;
background: var(--terra-soft);
margin-top: 6px;
transition: opacity 0.4s ease, transform 0.5s var(--ease-spring);
font-weight: 700;
border-radius: 99px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.bd-group__label {
color: var(--ink);
font-size: 14px;
font-weight: 600;
margin-bottom: 12px;
}
.pd-price-out {
color: var(--ink);
display: inline-block;
font-size: 28px;
font-family: var(--font-heading);
line-height: 1;
font-variant-numeric: tabular-nums;
}
.demo-slider__track {
top: 50%;
left: 0;
right: 0;
height: 6px;
display: block;
overflow: hidden;
position: absolute;
background: var(--sand);
margin-top: -3px;
border-radius: 99px;
}
.demo-slider__thumb {
top: 50%;
left: calc(var(--v) * (100% - 24px));
width: 24px;
border: 4px solid #FFFDF9;
height: 24px;
display: block;
position: absolute;
background: var(--terra);
box-shadow: 0 2px 10px rgba(36, 26, 34, 0.3);
margin-top: -12px;
transition: transform 0.2s var(--ease-spring);
border-radius: 50%;
}
.pd-range__val {
color: var(--faint);
display: inline-block;
font-size: 12px;
font-variant-numeric: tabular-nums;
}
.pd-switch__knob {
top: 3px;
left: 3px;
width: 20px;
height: 20px;
display: block;
position: absolute;
background: #FFFDF9;
box-shadow: 0 1px 4px rgba(36, 26, 34, 0.3);
transition: transform 0.35s var(--ease-spring);
border-radius: 50%;
}
.pd-old {
color: var(--faint);
display: inline-block;
position: relative;
font-size: 17px;
font-variant-numeric: tabular-nums;
}
.pd-new {
color: var(--terra);
display: inline-block;
font-size: 28px;
font-family: var(--font-heading);
line-height: 1;
font-variant-numeric: tabular-nums;
}
.pd-client__old {
color: var(--faint);
display: inline-block;
font-size: 13px;
text-decoration: line-through;
}
.pd-client__price {
color: var(--ink);
display: inline-block;
font-size: 21px;
transition: color 0.4s ease;
font-family: var(--font-heading);
line-height: 1.1;
}
.demo-slider__fill {
width: calc(var(--v) * (100% - 24px) + 12px);
height: 100%;
display: block;
background: var(--terra);
}
.bd {
margin: 0 auto;
position: relative;
max-width: 1080px;
}
.demo-steps--row {
gap: 18px;
margin: 40px auto 0;
max-width: 1080px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bd-window {
border: 1px solid rgba(230, 220, 205, 0.8);
z-index: 1;
overflow: hidden;
position: relative;
background: var(--paper);
box-shadow: var(--shadow-lift);
border-radius: var(--radius-lg);
}
.bd-body {
display: grid;
grid-template-columns: 320px 1fr;
}
.bd-live {
gap: 8px;
color: var(--sage-dark);
display: inline-flex;
font-size: 12px;
align-items: center;
font-weight: 600;
margin-left: auto;
}
.bd-controls {
display: flex;
padding: 28px;
border-right: 1px solid var(--line);
flex-direction: column;
}
.bd-group {
transition: opacity 0.5s ease;
}
.bd-font-btn {
gap: 10px;
color: var(--ink);
border: 1px solid var(--line-strong);
cursor: pointer;
display: inline-flex;
padding: 7px 18px 7px 7px;
font-size: 14px;
background: var(--paper);
transition: transform 0.18s ease, border-color 0.25s ease, background-color 0.25s ease;
align-items: center;
font-weight: 600;
border-radius: 999px;
}
.bd-font-name {
gap: 8px;
color: var(--muted);
display: flex;
font-size: 13px;
margin-top: 12px;
align-items: center;
}
.bd-palette {
gap: 8px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.widget-preview__copy {
min-width: 0;
}
.bd-font-btn__icon {
color: var(--paper);
width: 32px;
height: 32px;
display: flex;
background: var(--plum);
align-items: center;
border-radius: 50%;
justify-content: center;
}
.bd-font-name__item {
display: inline-block;
animation: lw-drop 0.4s var(--ease-out) both;
}
.bd-size-value {
color: var(--muted);
display: inline-block;
font-size: 13px;
font-variant-numeric: tabular-nums;
}
.bd-swatch {
gap: 7px;
color: var(--muted);
border: 1px solid transparent;
cursor: pointer;
display: flex;
padding: 10px 4px 8px;
font-size: 11.5px;
background: var(--cream);
transition: transform 0.18s ease, border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease;
align-items: center;
font-weight: 500;
border-radius: var(--radius-sm);
flex-direction: column;
}
.widget-preview__cover-title {
color: #FFFDF9;
display: block;
z-index: 1;
font-size: 16px;
font-style: italic;
transition: color 0.7s ease, opacity 0.18s ease, transform 0.18s ease;
font-family: var(--wp-font);
line-height: 1.15;
}
.bd-swatch__name {
display: block;
overflow: hidden;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.bd-chrome .lw-dot {
width: 9px;
height: 9px;
display: block;
background: var(--line-strong);
border-radius: 50%;
}
.bd-live::before {
width: 7px;
height: 7px;
content: "";
animation: lw-pulse 2.4s ease-in-out infinite;
background: var(--sage);
box-shadow: 0 0 0 4px rgba(110, 122, 82, 0.18);
border-radius: 50%;
}
.bd-group + .bd-group {
border-top: 1px solid var(--line);
margin-top: 22px;
padding-top: 22px;
}
.bd[data-active="1"] .bd-group:not([data-bd-group="1"]) {
opacity: 0.45;
}
.bd[data-active="2"] .bd-group:not([data-bd-group="2"]) {
opacity: 0.45;
}
.bd[data-active="3"] .bd-group:not([data-bd-group="3"]) {
opacity: 0.45;
}
.bd-group__head .bd-group__label {
margin-bottom: 0;
}
.bd-font-btn:hover {
border-color: var(--ink);
}
.bd-font-btn.is-pressed {
transform: scale(0.95);
}
.bd-font-btn__icon svg {
width: 17px;
height: 17px;
}
.bd-font-name::before {
width: 6px;
height: 6px;
content: "";
background: var(--terra);
border-radius: 50%;
}
.demo-slider.is-grabbed .demo-slider__thumb {
transform: scale(1.2);
}
.bd-swatch:hover {
border-color: var(--line-strong);
}
.bd-swatch[aria-pressed="true"] {
color: var(--ink);
background: var(--paper);
border-color: var(--ink);
}
.bd-swatch.is-pressed {
transform: scale(0.95);
}
.pd-toggle.is-pressed {
transform: scale(0.95);
}
.pd-toggle:hover {
border-color: var(--line-strong);
}
.pd-toggle[aria-pressed="true"] .pd-switch {
background: var(--sage);
}
.pd-toggle[aria-pressed="true"] .pd-switch__knob {
transform: translateX(20px);
}
.pd-gesture.is-pressed {
transform: scale(0.95);
}
.pd-gesture:hover {
background: var(--plum-2);
}
.pd-gesture.is-glow {
box-shadow: 0 0 0 7px rgba(193, 99, 59, 0.2);
}
.widget-preview.is-swapping .widget-preview__title {
opacity: 0.15;
transform: translateY(4px);
}
.widget-preview.is-swapping .widget-preview__logo {
opacity: 0.15;
transform: translateY(4px);
}
.widget-preview.is-swapping .widget-preview__cover-title {
opacity: 0.15;
transform: translateY(4px);
}
.demo-cursor.is-dragging {
transition: opacity 0.35s ease, scale 0.15s ease;
}
.demo-cursor.is-pressing {
scale: 0.82;
}
.demo-ripple.is-on {
animation: lw-demo-ripple 0.6s ease-out;
}
.demo-step.is-active {
background: var(--paper);
box-shadow: var(--shadow-soft);
border-color: var(--line-strong);
}
.demo-step.is-active .demo-step__num {
color: #FFFDF9;
background: var(--terra);
border-color: var(--terra);
}
.demo-step__num::before {
content: attr(data-num);
}
.pd[data-promo-state="off"] .pd-promo {
opacity: 0;
transform: translateY(-8px);
}
.pd[data-promo-state="off"] .pd-old::after {
transform: scaleX(0);
transition: none;
}
.pd[data-gesture-state="off"] .pd-gesture {
opacity: 0;
transform: translateY(10px) scale(0.96);
pointer-events: none;
}
.pd[data-promo-state="on"] .pd-client__price {
color: var(--terra);
}
.pd[data-promo-state="off"] .pd-client__old {
display: none;
}
.pd[data-promo-state="off"] .pd-client__badge {
opacity: 0;
transform: scale(0.8);
}
.pd-old::after {
top: 52%;
left: -3px;
right: -3px;
height: 2px;
content: "";
position: absolute;
transform: scaleX(1);
background: var(--terra);
transition: transform 0.5s var(--ease-out) 0.25s;
transform-origin: left;
}
.pd-new.is-pop {
animation: lw-demo-pop 0.55s var(--ease-spring);
}
.pd-client__price.is-pop {
animation: lw-demo-pop 0.55s var(--ease-spring);
}
.pd-gesture__icon svg {
width: 19px;
height: 19px;
}
.nv-radio-option-hit >span {
flex: 1 1 auto;
display: block;
}
.of-savebar.is-saved {
background: color-mix(in srgb, var(--sage, #6E7A52) 10%, var(--paper, #FFFDF9));
border-color: color-mix(in srgb, var(--sage, #6E7A52) 55%, var(--line, #E6DCCD));
}
.of-savebar.is-saved .of-status {
font-weight: 600;
}
.how-grid {
gap: 24px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.how-note {
color: var(--muted);
font-size: clamp(18px, 1.6vw, 21px);
margin-top: 40px;
text-align: center;
font-family: var(--font-heading);
line-height: 1.45;
}
.how-card {
border: 1px solid var(--line);
padding: 32px 28px 30px;
position: relative;
background: var(--paper);
transition: transform 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out);
border-radius: var(--radius-lg);
}
.how-card__top {
display: flex;
align-items: center;
margin-bottom: 22px;
justify-content: space-between;
}
.how-card__title {
color: var(--ink);
font-size: 23px;
font-family: var(--font-heading);
line-height: 1.2;
margin-bottom: 10px;
}
.how-card__desc {
color: var(--muted);
font-size: 15px;
line-height: 1.6;
}
.how-card__icon {
color: var(--terra);
width: 52px;
height: 52px;
display: flex;
background: rgba(193, 99, 59, 0.1);
align-items: center;
border-radius: 16px;
justify-content: center;
}
.how-card__num {
color: var(--line-strong);
font-size: 40px;
font-style: italic;
font-family: var(--font-heading);
line-height: 1;
}
.range-cta {
display: flex;
margin-top: 48px;
justify-content: center;
}
.revenue-example {
gap: 14px;
border: 1px solid rgba(255, 255, 255, 0.12);
display: flex;
padding: 16px 20px;
background: rgba(255, 255, 255, 0.06);
margin-top: 28px;
align-items: center;
border-radius: var(--radius-md);
}
.revenue-example__icon {
color: var(--gold);
width: 40px;
height: 40px;
display: flex;
background: rgba(200, 161, 101, 0.14);
align-items: center;
flex-shrink: 0;
border-radius: 50%;
justify-content: center;
}
.revenue-example__text {
color: var(--on-dark);
font-size: clamp(17px, 1.4vw, 20px);
line-height: 1.5;
}
.sim-details {
border-top: 1px solid var(--line);
margin-top: 18px;
}
.nothing-card {
gap: 32px;
display: grid;
padding: 40px 44px;
background: var(--plum);
margin-top: 72px;
align-items: center;
border-radius: var(--radius-xl);
grid-template-columns: auto minmax(0, 1fr);
}
.nothing-card__head {
min-width: 0;
}
.nothing-card__text {
color: var(--on-dark);
font-size: 17px;
max-width: 620px;
border-left: 1px solid rgba(255, 255, 255, 0.16);
line-height: 1.65;
padding-left: 32px;
}
.nothing-card__eyebrow {
color: var(--on-dark-muted);
font-size: 12px;
font-weight: 600;
margin-bottom: 6px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.nothing-card__title {
color: var(--terra-soft);
font-size: clamp(40px, 4.6vw, 64px);
font-style: italic;
font-family: var(--font-heading);
line-height: 1;
white-space: nowrap;
}
.key-grid {
gap: 28px 32px;
display: grid;
margin-top: 40px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dash-caption {
color: var(--faint);
font-size: 12px;
font-weight: 600;
margin-bottom: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.key-item {
gap: 14px;
display: flex;
align-items: flex-start;
}
.key-item__icon {
color: var(--terra);
width: 40px;
border: 1px solid var(--line);
height: 40px;
display: flex;
background: var(--paper);
align-items: center;
flex-shrink: 0;
border-radius: 12px;
justify-content: center;
}
.key-item__copy {
min-width: 0;
}
.key-item__title {
color: var(--ink);
font-size: 15.5px;
font-weight: 600;
margin-bottom: 4px;
}
.key-item__desc {
color: var(--muted);
font-size: 14px;
line-height: 1.55;
}
.hero .display {
font-size: clamp(36px, 3.9vw, 56px);
line-height: 1.04;
}
.hero-stage .cover-main .cover__title {
font-size: 22px;
}
.hero-stage[data-step="4"] .hero-auto {
opacity: 1;
transform: none;
}
.hero-stage .hero-site {
animation: lw-rise 1.1s var(--ease-out) 0.3s both;
}
.stepper.stepper--3 {
gap: 40px;
margin: 0 auto;
max-width: 980px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.stepper.stepper--3::before {
left: 17%;
right: 17%;
}
.stepper.stepper--3::after {
left: 17%;
right: 17%;
}
.how-card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-soft);
}
.how-card.is-you {
color: var(--on-dark);
background: var(--plum);
border-color: var(--plum);
}
.how-card.is-you .how-card__icon {
color: var(--gold);
background: rgba(255, 255, 255, 0.08);
}
.how-card.is-you .how-card__num {
color: rgba(255, 255, 255, 0.18);
}
.how-card.is-you .how-card__title {
color: var(--on-dark);
}
.how-card.is-you .how-card__desc {
color: var(--on-dark-muted);
}
.how-card__icon svg {
width: 24px;
height: 24px;
}
.how-card__num::before {
content: attr(data-num);
}
.how-note strong {
color: var(--terra);
font-style: italic;
font-weight: 500;
}
.sim-details summary {
gap: 8px;
color: var(--muted);
cursor: pointer;
display: flex;
padding: 14px 0 4px;
font-size: 13.5px;
list-style: none;
align-items: center;
font-weight: 600;
}
.sim-details summary::-webkit-details-marker {
display: none;
}
.sim-details summary::after {
width: 7px;
height: 7px;
content: "";
transform: rotate(45deg) translateY(-2px);
transition: transform 0.3s ease;
margin-left: 2px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
}
.sim-details[open] summary::after {
transform: rotate(-135deg) translateY(-1px);
}
.revenue-example__icon svg {
width: 20px;
height: 20px;
}
.revenue-example__text strong {
color: var(--terra-soft);
font-weight: 600;
}
.key-item__icon svg {
width: 20px;
height: 20px;
}
.hs-window {
top: 56px;
left: 0;
width: 84%;
border: 1px solid rgba(230, 220, 205, 0.8);
z-index: 2;
overflow: hidden;
position: absolute;
background: var(--paper);
box-shadow: var(--shadow-lift);
border-radius: var(--radius-lg);
}
.hs-window__chrome {
gap: 6px;
display: flex;
padding: 12px 16px;
background: var(--cream);
align-items: center;
border-bottom: 1px solid var(--line);
}
.hs-window__url {
color: var(--faint);
border: 1px solid var(--line);
display: inline-flex;
padding: 4px 14px;
font-size: 16px;
background: var(--paper);
margin-left: 12px;
border-radius: 99px;
}
.hs-window__page {
padding: 18px 24px 28px;
}
.hs-window__nav {
display: flex;
align-items: center;
margin-bottom: 30px;
justify-content: space-between;
}
.hs-window__logo {
width: 28px;
height: 28px;
display: block;
background: var(--sage);
border-radius: 50%;
}
.hs-window__links {
gap: 12px;
display: flex;
}
.hs-window__bar {
width: 34px;
height: 6px;
display: block;
opacity: 0.12;
background: var(--ink);
border-radius: 99px;
}
.hs-module {
padding: 26px 22px 20px;
position: relative;
background: #FFFFFF;
box-shadow: 0 0 0 1.5px rgba(193, 99, 59, 0.5), 0 18px 40px -24px rgba(36, 26, 34, 0.4);
border-radius: var(--radius-md);
}
.hs-module__tag {
top: -11px;
left: 18px;
color: #FFFDF9;
display: inline-flex;
padding: 4px 11px;
position: absolute;
font-size: 10.5px;
background: var(--terra);
font-weight: 700;
border-radius: 99px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.hs-module__body {
gap: 20px;
display: flex;
align-items: center;
}
.hs-module__cover {
width: 92px;
display: flex;
position: relative;
background: linear-gradient(155deg, #4E3145 0%, #3A2434 55%, #2B1B27 100%);
box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.07), 0 16px 26px -14px rgba(36, 26, 34, 0.7);
align-items: center;
flex-shrink: 0;
aspect-ratio: 3 / 4.2;
border-radius: 3px 9px 9px 3px;
justify-content: center;
}
.hs-module__info {
min-width: 0;
}
.hs-module__kicker {
color: var(--faint);
font-size: 10.5px;
font-weight: 600;
margin-bottom: 6px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.hs-module__title {
color: var(--ink);
font-size: 19px;
font-family: var(--font-heading);
line-height: 1.2;
}
.hs-module__price {
color: var(--ink);
margin: 6px 0 14px;
font-size: 22px;
font-family: var(--font-heading);
font-weight: 500;
}
.hs-module__btn {
color: #FFFDF9;
display: inline-flex;
padding: 10px 18px;
font-size: 13px;
background: var(--terra);
transition: transform 0.18s ease, background-color 0.2s ease;
font-weight: 600;
border-radius: 999px;
}
.hs-module__progress {
height: 4px;
overflow: hidden;
background: var(--sand);
margin-top: 20px;
border-radius: 99px;
}
.hs-module__fill {
width: 100%;
height: 100%;
display: block;
transform: scaleX(0);
background: linear-gradient(90deg, var(--terra), var(--gold));
transform-origin: left;
}
.hs-module__status {
gap: 8px;
color: var(--sage-dark);
display: flex;
opacity: 0;
font-size: 12.5px;
margin-top: 10px;
transition: opacity 0.4s ease;
align-items: center;
font-weight: 600;
}
.hs-mail {
gap: 14px;
right: 0;
width: 340px;
border: 1px solid rgba(230, 220, 205, 0.8);
bottom: 100px;
display: flex;
opacity: 0;
padding: 16px 18px;
z-index: 3;
position: absolute;
transform: translate(24px, 18px) scale(0.95);
background: var(--paper);
box-shadow: var(--shadow-lift);
transition: opacity 0.5s ease, transform 0.7s var(--ease-spring);
align-items: center;
border-radius: var(--radius-md);
}
.hs-mail__icon {
color: var(--plum);
width: 40px;
height: 40px;
display: flex;
background: var(--sand);
align-items: center;
flex-shrink: 0;
border-radius: 50%;
justify-content: center;
}
.hs-mail__copy {
flex: 1 1 auto;
min-width: 0;
}
.hs-mail__title {
color: var(--ink);
font-size: 14px;
font-weight: 600;
line-height: 1.3;
}
.hs-mail__sub {
color: var(--muted);
font-size: 12.5px;
line-height: 1.4;
}
.hs-mail__pdf {
width: 30px;
height: 40px;
display: block;
background: linear-gradient(155deg, #4E3145 0%, #3A2434 55%, #2B1B27 100%);
box-shadow: 0 6px 12px -6px rgba(36, 26, 34, 0.6);
flex-shrink: 0;
border-radius: 2px 6px 6px 2px;
}
.hs-sale {
gap: 14px;
left: 40;
border: 1px solid rgba(230, 220, 205, 0.8);
bottom: 10px;
display: flex;
opacity: 0;
padding: 14px 18px 14px 14px;
z-index: 4;
position: absolute;
transform: translateY(-14px) scale(0.95);
background: var(--paper);
box-shadow: var(--shadow-lift);
transition: opacity 0.5s ease, transform 0.7s var(--ease-spring);
align-items: center;
border-radius: var(--radius-md);
}
.hs-sale__icon {
color: #FFFDF9;
width: 40px;
height: 40px;
display: flex;
background: var(--sage);
align-items: center;
flex-shrink: 0;
border-radius: 50%;
justify-content: center;
}
.hs-sale__copy {
min-width: 0;
}
.hs-sale__label {
color: var(--faint);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.hs-sale__title {
color: var(--ink);
font-size: 14px;
font-weight: 600;
}
.hs-sale__amount {
color: var(--sage-dark);
font-size: 22px;
font-family: var(--font-heading);
font-weight: 500;
white-space: nowrap;
}
.hs-steps {
gap: 6px;
left: 0;
right: 0;
bottom: 0;
display: flex;
z-index: 4;
position: absolute;
flex-wrap: nowrap;
justify-content: center;
}
.hs-step {
gap: 7px;
color: var(--muted);
border: 1px solid var(--line);
display: inline-flex;
padding: 5px 12px 5px 5px;
font-size: 16px;
background: rgba(255, 253, 249, 0.75);
transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
align-items: center;
font-weight: 500;
white-space: nowrap;
border-radius: 99px;
}
.hs-step__num {
color: var(--terra);
width: 24px;
border: 1px solid var(--line-strong);
height: 24px;
display: flex;
font-size: 13px;
background: var(--paper);
font-style: italic;
transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
align-items: center;
flex-shrink: 0;
font-family: var(--font-heading);
border-radius: 50%;
justify-content: center;
}
.calc-grid {
gap: 72px;
display: grid;
min-width: 0;
align-items: center;
grid-template-columns: 0.9fr 1.1fr;
}
.calc {
border: 1px solid var(--line);
padding: 12px 32px 28px;
background: var(--paper);
box-shadow: var(--shadow-lift);
border-radius: var(--radius-xl);
}
.calc__row {
gap: 20px;
display: flex;
padding: 18px 0;
align-items: baseline;
border-bottom: 1px solid var(--line);
justify-content: space-between;
}
.calc__label {
color: var(--muted);
font-size: 15px;
line-height: 1.45;
}
.calc__value {
color: var(--ink);
font-size: 18px;
font-family: var(--font-heading);
font-weight: 500;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.calc__total {
gap: 20px;
display: flex;
padding: 18px 22px;
background: var(--plum);
margin-top: 22px;
align-items: center;
border-radius: var(--radius-md);
justify-content: space-between;
}
.calc__total-label {
color: var(--on-dark);
font-size: 15px;
font-weight: 600;
}
.calc__total-value {
color: var(--terra-soft);
font-size: 34px;
font-family: var(--font-heading);
line-height: 1;
white-space: nowrap;
}
.hero-stage.is-loading .hs-module__fill {
transform: scaleX(1);
transition: transform 1.3s var(--ease-out);
}
.hero-stage[data-scene="2"] .hs-module__fill {
transform: scaleX(1);
transition: transform 1.3s var(--ease-out);
}
.hero-stage[data-scene="3"] .hs-module__fill {
transform: scaleX(1);
transition: transform 1.3s var(--ease-out);
}
.hero-stage[data-scene="2"] .hs-module__status {
opacity: 1;
}
.hero-stage[data-scene="3"] .hs-module__status {
opacity: 1;
}
.hero-stage[data-scene="2"] .hs-mail {
opacity: 1;
transform: none;
}
.hero-stage[data-scene="3"] .hs-mail {
opacity: 1;
transform: none;
}
.hero-stage[data-scene="3"] .hs-sale {
opacity: 1;
transform: none;
}
.hero-stage .hs-window {
animation: lw-rise 1.1s var(--ease-out) 0.3s both;
}
.hs-window__chrome .lw-dot {
width: 8px;
height: 8px;
display: block;
background: var(--line-strong);
border-radius: 50%;
}
.hs-module__cover::before {
inset: 6px 6px 6px 9px;
border: 1px solid var(--gold-soft);
content: "";
position: absolute;
border-radius: 2px 6px 6px 2px;
}
.hs-module__cover-num::before {
color: var(--gold);
content: attr(data-num);
font-size: 30px;
font-style: italic;
font-family: var(--font-heading);
}
.hs-module__btn.is-pressed {
transform: scale(0.93);
background: var(--terra-dark);
}
.hs-module__status::before {
width: 7px;
height: 7px;
content: "";
background: var(--sage);
box-shadow: 0 0 0 4px rgba(110, 122, 82, 0.18);
border-radius: 50%;
}
.hs-mail__icon svg {
width: 19px;
height: 19px;
}
.hs-sale__icon svg {
width: 18px;
height: 18px;
}
.hs-step__num::before {
content: attr(data-num);
}
.hs-step.is-done .hs-step__num {
color: #FFFDF9;
background: var(--sage);
border-color: var(--sage);
}
.hs-step.is-active {
color: #FFFDF9;
background: var(--plum);
box-shadow: var(--shadow-soft);
border-color: var(--plum);
}
.hs-step.is-active .hs-step__num {
color: #FFFDF9;
background: var(--terra);
border-color: var(--terra);
}
.calc__row.is-minus .calc__value {
color: var(--terra-dark);
}
.nv-editorial-heading {
max-width: 820px;
margin-bottom: 56px;
}
.nv-reveal-grid {
display: grid;
border-top: 1px solid var(--line-strong);
border-bottom: 1px solid var(--line-strong);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.nv-reveal-card {
padding: 40px 34px;
position: relative;
min-height: 270px;
}
.nv-reveal-card__number {
color: var(--terra);
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 54px;
letter-spacing: 0.16em;
}
.nv-testimonials {
overflow: hidden;
max-width: 100%;
min-width: 0;
}
.nv-testimonials__head {
gap: 56px;
display: grid;
align-items: end;
margin-bottom: 56px;
grid-template-columns: 1.3fr 0.7fr;
}
.nv-testimonials__viewport {
cursor: grab;
padding: 12px var(--gutter) 30px;
overflow: hidden;
max-width: 100%;
min-width: 0;
margin-left: calc(var(--gutter) * -1);
margin-right: calc(var(--gutter) * -1);
touch-action: pan-y;
}
.nv-testimonials__controls {
gap: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.nv-testimonials__track {
gap: 22px;
width: max-content;
display: flex;
will-change: transform;
}
.nv-carousel-button {
color: var(--plum);
width: 48px;
border: 1px solid rgba(58, 36, 52, 0.28);
font-size: 20px;
background: var(--paper);
min-height: 48px;
transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
border-radius: 999px;
}
.nv-carousel-toggle {
color: var(--plum);
border: 1px solid rgba(58, 36, 52, 0.28);
padding: 0 22px;
font-size: 13px;
background: var(--paper);
min-height: 48px;
transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
font-weight: 600;
border-radius: 999px;
}
.nv-testimonial {
width: min(430px, calc(100vw - 56px));
border: 1px solid var(--line-strong);
display: flex;
padding: 36px;
position: relative;
min-width: 0;
background: var(--paper);
box-shadow: var(--shadow-soft);
min-height: 360px;
border-radius: var(--radius-xl);
flex-direction: column;
}
.nv-testimonial__product {
color: var(--terra-dark);
font-size: 11px;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nv-testimonial__author {
color: var(--faint);
font-size: 13px;
border-top: 1px solid var(--line);
margin-top: auto;
padding-top: 18px;
}
.nv-editorial-heading .lead {
margin-top: 22px;
}
.nv-testimonials__head .lead {
margin-top: 22px;
}
.nv-reveal-card + .nv-reveal-card {
border-left: 1px solid var(--line-strong);
}
.nv-reveal-card::after {
right: 28px;
width: 66px;
border: 1px solid rgba(200, 161, 101, 0.38);
bottom: 24px;
height: 66px;
content: "";
position: absolute;
transform: rotate(45deg);
transition: transform 0.7s var(--ease-out), border-color 0.3s ease;
}
.nv-reveal-card:hover::after {
transform: rotate(135deg) scale(1.08);
border-color: var(--terra);
}
.nv-reveal-card .h3 {
margin-bottom: 14px;
}
.nv-reveal-card p:last-of-type {
color: var(--muted);
font-size: 15px;
max-width: 30ch;
line-height: 1.75;
}
.nv-testimonials__viewport:active {
cursor: grabbing;
}
.nv-testimonial::before {
color: var(--gold);
content: "“";
font-size: 88px;
font-family: var(--font-heading);
line-height: 0.7;
margin-bottom: 24px;
}
.nv-testimonial blockquote {
color: var(--ink);
font-size: clamp(21px, 2vw, 26px);
font-style: italic;
font-family: var(--font-heading);
line-height: 1.42;
}
.nv-carousel-button:hover {
color: var(--paper);
transform: translateY(-2px);
background: var(--plum);
}
.nv-carousel-toggle:hover {
color: var(--paper);
transform: translateY(-2px);
background: var(--plum);
}
.rg-ladder {
gap: 32px;
display: grid;
position: relative;
margin-top: 8px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rg-soon {
gap: 12px;
display: flex;
flex-wrap: wrap;
margin-top: 36px;
align-items: center;
justify-content: center;
}
.rg-card {
border: 1px solid var(--line);
display: flex;
padding: 28px 28px 30px;
z-index: 1;
position: relative;
background: var(--paper);
transition: transform 0.6s var(--ease-out), box-shadow 0.6s var(--ease-out), border-color 0.6s ease;
border-radius: var(--radius-xl);
flex-direction: column;
}
.rg-soon__badge {
color: var(--terra-dark);
padding: 4px 12px;
font-size: 11px;
background: var(--terra-soft);
font-weight: 700;
border-radius: 99px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.rg-soon__text {
color: var(--muted);
font-size: 15px;
}
.rg-card__visual {
width: 62%;
margin: 4px auto 26px;
}
.rg-card__step {
gap: 10px;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.rg-card__name {
color: var(--ink);
font-size: 25px;
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.2;
margin-bottom: 10px;
}
.rg-card__desc {
flex: 1 1 auto;
color: var(--muted);
font-size: 15px;
line-height: 1.6;
}
.rg-card__meta {
color: var(--ink);
font-size: 13px;
border-top: 1px solid var(--line);
margin-top: 20px;
font-weight: 600;
padding-top: 16px;
letter-spacing: 0.02em;
}
.rg-card__badge {
top: -13px;
left: 50%;
color: #FFFDF9;
padding: 5px 14px;
z-index: 2;
position: absolute;
font-size: 11px;
transform: translateX(-50%);
background: var(--terra);
font-weight: 700;
white-space: nowrap;
border-radius: 99px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.cover--gold {
background: linear-gradient(155deg, #D3B07A 0%, #B8925A 50%, #8F6E3E 100%);
}
.rg-card__step-num {
color: var(--terra);
width: 26px;
border: 1px solid var(--line-strong);
height: 26px;
display: flex;
font-size: 14px;
font-style: italic;
align-items: center;
flex-shrink: 0;
font-family: var(--font-heading);
border-radius: 50%;
justify-content: center;
}
.rg-card__step-label {
color: var(--terra);
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.rh {
width: 100%;
padding: 72px 0 104px;
overflow: hidden;
position: relative;
}
.rh__grid {
gap: 64px;
display: grid;
z-index: 1;
position: relative;
align-items: center;
grid-template-columns: 1.05fr 1fr;
}
.rh__stage {
height: 560px;
position: relative;
}
.rh__title {
margin: 4px 0 26px;
font-size: clamp(38px, 4.4vw, 62px);
}
.rh__glow {
top: 50%;
left: 50%;
width: 420px;
border: 1px solid rgba(200, 161, 101, 0.35);
height: 420px;
margin: -210px 0 0 -210px;
position: absolute;
animation: lw-fade 2s ease 0.2s both;
box-shadow: 0 0 0 46px rgba(200, 161, 101, 0.06), 0 0 0 92px rgba(200, 161, 101, 0.04);
border-radius: 50%;
}
.rh__book {
top: 50%;
left: 50%;
width: 46%;
position: absolute;
}
.rh__book--left {
z-index: 1;
animation: lw-rh-left 1.4s var(--ease-out) 0.15s both, lw-rh-float 7s ease-in-out 1.6s infinite;
}
.rh__book--right {
z-index: 2;
animation: lw-rh-right 1.4s var(--ease-out) 0.3s both, lw-rh-float 8s ease-in-out 2s infinite;
}
.rh__book--front {
width: 52%;
z-index: 3;
animation: lw-rh-front 1.4s var(--ease-out) 0.45s both, lw-rh-float 6s ease-in-out 2.4s infinite;
}
.cmp {
border: 1px solid var(--line);
margin: 0 auto;
overflow: hidden;
max-width: 1040px;
background: var(--paper);
box-shadow: var(--shadow-soft);
border-radius: var(--radius-xl);
}
.cmp__note {
gap: 14px;
margin: 32px auto 0;
display: flex;
max-width: 760px;
align-items: baseline;
justify-content: center;
}
.cmp__head {
display: grid;
align-items: stretch;
border-bottom: 1px solid var(--line);
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
}
.cmp__row {
display: grid;
transition: background-color 0.3s ease;
align-items: center;
border-bottom: 1px solid var(--line);
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
}
.cmp__foot {
display: grid;
align-items: stretch;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
}
.cmp__note-label {
color: var(--terra);
font-size: 11.5px;
font-weight: 700;
white-space: nowrap;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.cmp__note-text {
color: var(--muted);
font-size: 15px;
line-height: 1.6;
}
.cmp__corner {
display: flex;
padding: 32px;
align-items: flex-end;
}
.cmp__col {
padding: 32px 28px 28px;
border-left: 1px solid var(--line);
}
.cmp__label {
padding: 22px 32px;
}
.cmp__mark {
height: 100%;
display: flex;
position: relative;
min-height: 72px;
align-items: center;
border-left: 1px solid var(--line);
justify-content: center;
}
.cmp__foot-text {
color: var(--muted);
padding: 22px 28px;
font-size: 15px;
font-style: italic;
border-left: 1px solid var(--line);
font-family: var(--font-heading);
line-height: 1.45;
}
.cmp__corner-label {
color: var(--faint);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.cmp__mini {
width: 34px;
height: 46px;
display: block;
background: linear-gradient(155deg, #4E3145 0%, #3A2434 55%, #2B1B27 100%);
box-shadow: 0 10px 18px -10px rgba(36, 26, 34, 0.6), inset 0 0 0 1px rgba(200, 161, 101, 0.35);
border-radius: 3px 7px 7px 3px;
margin-bottom: 18px;
}
.cmp__mini--gold {
background: linear-gradient(155deg, #D3B07A 0%, #B8925A 50%, #8F6E3E 100%);
}
.cmp__tag {
color: var(--terra);
font-size: 11px;
font-weight: 700;
margin-bottom: 6px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.cmp__name {
color: var(--ink);
font-size: 24px;
font-family: var(--font-heading);
line-height: 1.2;
margin-bottom: 10px;
}
.cmp__short {
display: none;
}
.cmp__pitch {
color: var(--muted);
font-size: 14px;
line-height: 1.55;
}
.cmp__label-title {
color: var(--ink);
font-size: 16px;
font-weight: 600;
margin-bottom: 3px;
}
.cmp__label-desc {
color: var(--muted);
font-size: 14px;
line-height: 1.5;
}
.ap {
width: 100%;
display: block;
align-self: stretch;
}
.ap-hero {
width: 100%;
padding: 72px 0 88px;
overflow: hidden;
position: relative;
}
.ap-hero__grid {
gap: 56px;
display: grid;
z-index: 1;
position: relative;
align-items: center;
grid-template-columns: 1.1fr 1fr;
}
.ap-hero__title {
margin: 4px 0 26px;
font-size: clamp(38px, 4.4vw, 62px);
}
.ap-orbit {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 460px;
aspect-ratio: 1;
}
.ap-orbit__ring {
inset: 6%;
border: 1px dashed rgba(200, 161, 101, 0.55);
display: block;
position: absolute;
animation: lw-spin 90s linear infinite;
border-radius: 50%;
}
.ap-orbit__ring--inner {
inset: 26%;
border-color: rgba(58, 36, 52, 0.12);
border-style: solid;
animation-duration: 60s;
animation-direction: reverse;
}
.ap-orbit__links {
inset: 0;
width: 100%;
height: 100%;
position: absolute;
}
.ap-orbit__path {
stroke: var(--terra);
animation: lw-ap-dash 2.6s linear infinite;
stroke-width: 1.4;
stroke-linecap: round;
stroke-dasharray: 4 9;
}
.ap-orbit__path--late {
stroke: var(--sage);
}
.ap-node {
border: 1px solid rgba(230, 220, 205, 0.8);
padding: 14px 18px;
z-index: 2;
position: absolute;
background: var(--paper);
box-shadow: var(--shadow-lift);
border-radius: var(--radius-md);
}
.ap-node--brand {
top: 12%;
left: 0;
animation: lw-rise 1s var(--ease-out) 0.3s both, lw-rh-float 7s ease-in-out 1.4s infinite;
}
.ap-node--client {
right: 0;
bottom: 14%;
animation: lw-rise 1s var(--ease-out) 0.6s both, lw-rh-float 8s ease-in-out 1.8s infinite;
}
.ap-node--core {
top: 50%;
left: 50%;
width: 168px;
height: 168px;
display: flex;
padding: 0;
animation: lw-ap-core 4s ease-in-out infinite;
transform: translate(-50%, -50%);
background: var(--plum);
box-shadow: 0 0 0 10px rgba(58, 36, 52, 0.06), 0 30px 60px -24px rgba(36, 26, 34, 0.6);
text-align: center;
align-items: center;
border-color: var(--plum);
border-radius: 50%;
flex-direction: column;
justify-content: center;
}
.ap-node__monogram {
color: var(--gold);
font-size: 22px;
font-family: var(--font-heading);
margin-bottom: 4px;
}
.ap-node__label {
color: var(--terra);
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.ap-node__title {
color: var(--ink);
font-size: 18px;
font-family: var(--font-heading);
line-height: 1.2;
}
.ap-proofs {
gap: 0;
display: grid;
position: relative;
border-top: 1px solid var(--line-strong);
margin-top: 72px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ap-proof {
padding: 28px 32px 0 0;
}
.ap-proof__title {
color: var(--ink);
font-size: 22px;
font-family: var(--font-heading);
line-height: 1.2;
margin-bottom: 6px;
}
.ap-proof__text {
color: var(--muted);
font-size: 15px;
line-height: 1.55;
}
.ap-mission__grid {
gap: 80px;
display: grid;
align-items: start;
grid-template-columns: 0.95fr 1.05fr;
}
.ap-mission__head {
top: 120px;
position: sticky;
}
.ap-mission__lead {
color: var(--ink);
font-size: clamp(21px, 1.9vw, 27px);
border-left: 2px solid var(--terra);
font-family: var(--font-heading);
line-height: 1.45;
padding-left: 28px;
margin-bottom: 28px;
}
.ap-brands__pair {
display: grid;
align-items: stretch;
grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
}
.ap-brand {
border: 1px solid var(--line);
padding: 40px 38px;
overflow: hidden;
position: relative;
background: var(--paper);
transition: transform 0.6s var(--ease-out), box-shadow 0.6s var(--ease-out);
border-radius: var(--radius-xl);
}
.ap-brand__num {
top: 22px;
color: var(--line-strong);
right: 30px;
position: absolute;
font-size: 54px;
font-style: italic;
font-family: var(--font-heading);
line-height: 1;
}
.ap-brand__label {
color: var(--terra);
font-size: 11.5px;
font-weight: 700;
margin-bottom: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.ap-brand__name {
color: var(--ink);
font-size: 34px;
font-family: var(--font-heading);
line-height: 1.1;
margin-bottom: 16px;
}
.ap-brand__text {
color: var(--muted);
font-size: 15.5px;
line-height: 1.65;
}
.ap-brands__link {
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
.ap-brands__note {
color: var(--muted);
margin: 40px auto 0;
font-size: 16px;
max-width: 760px;
text-align: center;
line-height: 1.65;
}
.ap-ops__grid {
gap: 80px;
display: grid;
align-items: start;
grid-template-columns: 0.9fr 1.1fr;
}
.ap-ops__head {
top: 120px;
position: sticky;
}
.ap-ops__list {
gap: 0;
display: grid;
position: relative;
padding-left: 64px;
}
.ap-ops__line {
top: 14px;
left: 18px;
width: 1px;
bottom: 14px;
display: block;
position: absolute;
background: var(--line-strong);
}
.ap-ops__fill {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
transform: scaleY(var(--ap-fill, 1));
background: linear-gradient(180deg, var(--terra), var(--gold));
transform-origin: top;
}
.ap-op {
padding: 0 0 48px;
position: relative;
}
.ap-op__dot {
top: 6px;
left: -53px;
width: 15px;
border: 1px solid var(--line-strong);
height: 15px;
display: block;
position: absolute;
background: var(--paper);
transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
border-radius: 50%;
}
.ap-op__num {
color: var(--terra);
display: block;
font-size: 15px;
font-style: italic;
font-family: var(--font-heading);
margin-bottom: 6px;
}
.ap-op__title {
color: var(--ink);
font-size: 26px;
font-family: var(--font-heading);
line-height: 1.2;
margin-bottom: 8px;
}
.ap-op__text {
color: var(--muted);
font-size: 16px;
max-width: 520px;
line-height: 1.65;
}
.ap-founder {
overflow: hidden;
}
.ap-founder__grid {
gap: 88px;
display: grid;
align-items: center;
grid-template-columns: 0.8fr 1.2fr;
}
.ap-founder__portrait {
display: flex;
position: relative;
text-align: center;
align-items: center;
flex-direction: column;
}
.ap-founder__ring {
top: 0;
left: 50%;
width: 260px;
border: 1px dashed rgba(200, 161, 101, 0.5);
height: 260px;
display: block;
position: absolute;
animation: lw-spin 70s linear infinite;
margin-left: -130px;
border-radius: 50%;
}
.ap-founder__monogram {
width: 220px;
height: 220px;
margin: 20px 0 28px;
display: flex;
background: radial-gradient(circle at 30% 25%, #6B4760, #3A2434 60%, #2B1B27);
box-shadow: 0 0 0 1px rgba(200, 161, 101, 0.45), 0 40px 80px -30px rgba(0, 0, 0, 0.6);
align-items: center;
border-radius: 50%;
justify-content: center;
}
.ap-founder__name {
color: var(--on-dark);
font-size: 28px;
font-family: var(--font-heading);
}
.ap-founder__role {
color: var(--on-dark-muted);
font-size: 12px;
margin-top: 6px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.ap-founder__text {
color: var(--on-dark-muted);
font-size: 17px;
line-height: 1.7;
margin-bottom: 18px;
}
.ap-founder__quote {
color: var(--on-dark);
margin: 32px 0 0;
font-size: clamp(21px, 1.9vw, 26px);
font-style: italic;
border-left: 2px solid var(--gold);
font-family: var(--font-heading);
line-height: 1.45;
padding-left: 28px;
}
.ap-commits__grid {
gap: 20px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ap-commit {
border: 1px solid var(--line);
padding: 32px 26px;
background: var(--paper);
transition: transform 0.6s var(--ease-out), box-shadow 0.6s var(--ease-out);
border-radius: var(--radius-lg);
}
.ap-commit__icon {
color: var(--terra);
width: 48px;
height: 48px;
display: flex;
background: rgba(193, 99, 59, 0.1);
transition: background-color 0.4s ease, color 0.4s ease;
align-items: center;
border-radius: 14px;
margin-bottom: 22px;
justify-content: center;
}
.ap-commit__title {
color: var(--ink);
font-size: 21px;
font-family: var(--font-heading);
margin-bottom: 8px;
}
.ap-commit__text {
color: var(--muted);
font-size: 14.5px;
line-height: 1.6;
}
.ap-final__text {
color: var(--on-dark-muted);
margin: 22px auto 36px;
max-width: 620px;
}
.cover--gold .cover__ornament {
color: #FFF4DF;
opacity: 0.6;
}
.cover--gold .cover__num {
color: #FFF6E6;
}
.rg-ladder::before {
top: 34%;
left: 12%;
right: 12%;
height: 1px;
content: "";
opacity: 0.6;
position: absolute;
animation: lw-rg-flow 6s linear infinite;
background: linear-gradient(90deg, transparent, var(--gold) 15%, var(--terra) 50%, var(--gold) 85%, transparent);
background-size: 200% 100%;
}
.rg-card:hover {
transform: translateY(-6px);
box-shadow: var(--shadow-lift);
border-color: var(--line-strong);
}
.rg-card.is-featured {
box-shadow: var(--shadow-soft);
border-color: rgba(193, 99, 59, 0.45);
}
.rg-card__visual .cover {
padding: 20px 18px 18px;
}
.rg-card__visual .cover__label {
font-size: 9px;
}
.rg-card__visual .cover__title {
font-size: 19px;
}
.rg-card__step-num::before {
content: attr(data-num);
}
.rh::before {
top: -30%;
right: -12%;
width: 70%;
height: 140%;
content: "";
position: absolute;
background: radial-gradient(closest-side, rgba(200, 161, 101, 0.2), transparent 70%);
pointer-events: none;
}
.rh__book .cover {
transition: transform 0.7s var(--ease-out);
}
.rh__stage:hover .rh__book--left .cover {
transform: translateX(-14px) rotate(-2deg);
}
.rh__stage:hover .rh__book--right .cover {
transform: translateX(14px) rotate(2deg);
}
.rh__stage:hover .rh__book--front .cover {
transform: translateY(-10px);
}
.cmp__col.is-premium {
color: var(--on-dark);
background: var(--plum);
border-left-color: var(--plum);
}
.cmp__col.is-premium .cmp__tag {
color: var(--terra-soft);
}
.cmp__col.is-premium .cmp__name {
color: var(--on-dark);
}
.cmp__col.is-premium .cmp__pitch {
color: var(--on-dark-muted);
}
.cmp__row:hover {
background: rgba(241, 234, 224, 0.5);
}
.cmp__mark.is-premium {
background: rgba(58, 36, 52, 0.04);
}
.cmp__mark::before {
width: 30px;
height: 30px;
content: "";
display: block;
border-radius: 50%;
}
.cmp__mark.is-yes::before {
background: var(--sage);
box-shadow: 0 0 0 5px rgba(110, 122, 82, 0.14);
}
.cmp__mark.is-yes::after {
width: 6px;
height: 11px;
content: "";
position: absolute;
transform: translateY(-1px) rotate(45deg);
border-right: 2px solid #FFFDF9;
border-bottom: 2px solid #FFFDF9;
}
.cmp__mark.is-no::before {
width: 14px;
height: 2px;
background: var(--line-strong);
border-radius: 2px;
}
.cmp__foot-text.is-premium {
color: var(--plum);
background: rgba(58, 36, 52, 0.04);
}
.ap-hero::before {
top: -20%;
left: 40%;
width: 70%;
height: 120%;
content: "";
position: absolute;
background: radial-gradient(closest-side, rgba(193, 99, 59, 0.1), transparent 70%);
pointer-events: none;
}
.ap-hero__copy .lead {
max-width: 560px;
margin-bottom: 36px;
}
.ap-hero__copy > * {
animation: lw-rise 1s var(--ease-out) both;
}
.ap-hero__copy > *:nth-child(2) {
animation-delay: 0.08s;
}
.ap-hero__copy > *:nth-child(3) {
animation-delay: 0.18s;
}
.ap-hero__copy > *:nth-child(4) {
animation-delay: 0.28s;
}
.ap-node__monogram::before {
content: attr(data-initial);
}
.ap-node--core .ap-node__title {
color: var(--on-dark);
padding: 0 14px;
font-size: 15px;
}
.ap-node--core .ap-node__label {
color: var(--on-dark-muted);
font-size: 9.5px;
margin-top: 4px;
}
.ap-proof + .ap-proof {
border-left: 1px solid var(--line);
padding-left: 32px;
}
.ap-mission__body .body-text {
font-size: 17px;
padding-left: 30px;
}
.ap-brand:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-lift);
}
.ap-brand.is-partner {
color: var(--on-dark);
background: var(--plum);
border-color: var(--plum);
}
.ap-brand.is-partner .ap-brand__num {
color: rgba(255, 255, 255, 0.14);
}
.ap-brand.is-partner .ap-brand__label {
color: var(--terra-soft);
}
.ap-brand.is-partner .ap-brand__name {
color: var(--on-dark);
}
.ap-brand.is-partner .ap-brand__text {
color: var(--on-dark-muted);
}
.ap-brand__num::before {
content: attr(data-num);
}
.ap-brands__link::before {
top: 50%;
left: 0;
right: 0;
height: 1px;
content: "";
position: absolute;
background: var(--gold);
}
.ap-brands__link::after {
color: var(--gold);
width: 44px;
border: 1px solid var(--gold);
height: 44px;
content: "×";
display: flex;
z-index: 1;
font-size: 24px;
background: var(--sand);
align-items: center;
font-family: var(--font-heading);
border-radius: 50%;
justify-content: center;
}
.ap-brands__note strong {
color: var(--ink);
font-weight: 600;
}
.ap-ops__head .lead {
margin-top: 20px;
}
.ap-op:last-child {
padding-bottom: 0;
}
.ap-op.is-active .ap-op__dot {
background: var(--terra);
box-shadow: 0 0 0 6px rgba(193, 99, 59, 0.14);
border-color: var(--terra);
}
.ap-op__num::before {
content: attr(data-num);
}
.ap-founder__monogram::before {
color: var(--gold);
content: attr(data-initial);
font-size: 96px;
font-style: italic;
font-family: var(--font-heading);
line-height: 1;
}
.ap-founder__copy .h2 {
margin-bottom: 24px;
}
.ap-commit:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-soft);
}
.ap-commit:hover .ap-commit__icon {
color: #FFFDF9;
background: var(--terra);
}
.ap-commit__icon svg {
width: 22px;
height: 22px;
}
.ap-final .h2 {
margin: 12px auto 0;
max-width: 820px;
}
.kyb-card--success {
background: #F7F9F2;
border-color: var(--sage-soft);
}
.vrf-fieldset {
border: 0;
margin: 0;
padding: 0 0 20px;
min-width: 0;
border-bottom: 1px solid var(--line, #E6DCCD);
}
.vrf-section-title {
color: var(--ink);
margin: 0 0 14px;
padding: 0;
font-size: 20px;
font-family: var(--font-heading);
font-weight: 600;
line-height: 1.25;
}
.vrf-country-summary {
gap: 14px
24px;
border: 1px solid var(--line, #E6DCCD);
display: flex;
padding: 16px;
flex-wrap: wrap;
background: var(--paper);
align-items: flex-start;
border-radius: var(--radius-md);
justify-content: space-between;
}
.vrf-conditional {
display: grid;
opacity: 1;
transform: translateY(0);
grid-template-rows: 1fr;
}
.vrf-check {
gap: 11px;
color: var(--text);
cursor: pointer;
display: flex;
align-items: flex-start;
line-height: 1.55;
}
.vrf-check--declaration {
border: 1px solid var(--line, #E6DCCD);
padding: 16px;
background: var(--sand);
border-radius: var(--radius-md);
}
.vrf-country-question {
flex: 1 1 100%;
color: var(--text);
margin: 0;
line-height: 1.55;
}
.vrf-conditional__inner {
overflow: hidden;
min-height: 0;
padding-top: 14px;
}
.vrf-muted {
color: var(--muted);
font-size: 14px;
}
.vrf-country-value {
color: var(--ink);
font-size: 18px;
}
.vrf-grid {
gap: 14px;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
}
.vrf-fieldset:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.vrf-fieldset select {
width: 100%;
box-sizing: border-box;
}
.vrf-fieldset input[type="text"] {
width: 100%;
box-sizing: border-box;
}
.vrf-fieldset .kyb-actions {
margin-top: 0;
}
.vrf-check input[type="checkbox"] {
flex: none;
width: 18px;
height: 18px;
margin: 3px 0 0;
accent-color: var(--terra);
}
.vrf-country-summary .kyb-actions {
margin-top: 0;
}
.vrf-country-editor__inner {
border: 1px solid var(--line, #e6dccd);
padding: 18px;
overflow: visible;
background: var(--sand);
margin-top: 14px;
border-left: 4px solid var(--terra, #c1633b);
border-radius: var(--radius-md);
}
.vrf-country-editor__label {
color: var(--ink);
margin: 0 0 9px;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.vrf-country-editor__select {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong, #d6c8b5);
margin: 0;
display: block;
padding: 0 44px 0 14px;
font-size: 16px;
box-shadow: 0 5px 18px -15px rgba(36, 26, 34, 0.55);
min-height: 52px;
line-height: 1.3;
border-radius: 12px;
background-color: var(--paper);
}
.vrf-country-editor__select:hover {
border-color: var(--terra);
}
.vrf-country-editor__select:focus-visible {
outline: 3px solid rgba(193, 99, 59, 0.18);
border-color: var(--terra);
outline-offset: 2px;
}
.of-averages__detail {
color: var(--muted);
font-size: 0.9em;
flex-basis: 100%;
}
.sim-link-card {
gap: 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.sim-link-card__text {
flex: 1 1 260px;
min-width: 0;
}
.ofsim-card {
gap: 20px;
border: 1px solid var(--ofsim-accent, var(--line, #e6dcd1));
display: flex;
padding: 28px;
max-width: 700Px;
background: var(--paper);
box-shadow: 0 0 0 1px var(--ofsim-accent, var(--line, #e6dcd1));
border-style: solid;
border-width: 1px;
border-bottom: 1px solid var(--ofsim-accent, var(--line, #e6dcd1));
border-radius: var(--radius-md);
flex-direction: column;
border-bottom-width: 1px;
}
.ofsim-head {
gap: 8px;
display: flex;
flex-direction: column;
}
.ofsim-title {
color: var(--ink);
margin: 0;
font-size: 28px;
font-family: var(--font-heading);
font-weight: 500;
line-height: 1.2;
}
.ofsim-intro {
color: var(--muted);
margin: 0;
font-size: 15px;
line-height: 1.6;
}
.ofsim-status {
color: var(--muted);
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.ofsim-body {
gap: 18px;
display: flex;
flex-direction: column;
}
.ofsim-input {
font: inherit;
color: var(--ink);
width: 96px;
border: 1px solid var(--line-strong, #D6C8B5);
height: 34px;
padding: 0 10px;
font-size: 14px;
background: #fff;
min-height: 44px;
border-radius: 8px;
}
.ofsim-section-title {
color: var(--ink);
margin: 0;
font-size: 16px;
font-weight: 600;
}
.ofsim-products {
gap: 12px;
display: flex;
flex-direction: column;
}
.ofsim-product {
gap: 10px;
border: 1px solid var(--ofsim-accent, var(--line, #e6dcd1));
display: flex;
padding: 14px 16px;
background: #F3F6EE;
box-shadow: 0 0 0 1px var(--ofsim-accent, var(--line, #e6dcd1));
border-style: solid;
border-width: 1px;
border-bottom: 1px solid var(--ofsim-accent, var(--line, #e6dcd1));
border-radius: 12px;
--ofsim-accent: var(--sage, #6E7A52);
flex-direction: column;
border-bottom-width: 1px;
}
.ofsim-product__head {
gap: 12px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.ofsim-product__name {
color: var(--ink);
font-size: 15px;
min-width: 0;
font-weight: 600;
}
.ofsim-product__value {
color: var(--ofsim-accent);
font-size: 15px;
font-family: var(--font-heading);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.ofsim-product__note {
color: var(--muted);
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.ofsim-product__slider {
gap: 6px;
display: flex;
flex-direction: column;
}
.ofsim-range {
width: 100%;
cursor: pointer;
height: 24px;
margin: 0;
appearance: none;
background: transparent;
-webkit-appearance: none;
}
.ofsim-result {
gap: 6px;
display: flex;
padding: 20px 22px;
background: var(--cream);
border-radius: var(--radius-md);
flex-direction: column;
}
.ofsim-result__label {
color: var(--muted);
margin: 0;
font-size: 14px;
}
.ofsim-result__line {
gap: 8px;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.ofsim-result__amount {
color: var(--ink);
font-size: 36px;
font-family: var(--font-heading);
line-height: 1.1;
font-variant-numeric: tabular-nums;
}
.ofsim-result__per {
color: var(--faint);
font-size: 14px;
}
.ofsim-detail {
max-width: 500px;
border-top: 1px solid var(--line, #E6DCCD);
padding-top: 4px;
}
.ofsim-detail__summary {
gap: 12px;
color: var(--ink);
cursor: pointer;
display: flex;
padding: 14px 0;
font-size: 15px;
list-style: none;
align-items: center;
font-weight: 600;
justify-content: space-between;
}
.ofsim-detail__rows {
display: flex;
flex-direction: column;
padding-bottom: 8px;
}
.ofsim-row {
gap: 16px;
display: flex;
padding: 10px 0;
align-items: baseline;
border-bottom: 1px dashed var(--line, #E6DCCD);
justify-content: space-between;
}
.ofsim-row__label {
color: var(--muted);
font-size: 14px;
min-width: 0;
line-height: 1.5;
}
.ofsim-row__value {
color: var(--ink);
font-size: 14px;
font-weight: 600;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.ofsim-notes {
gap: 10px;
display: flex;
padding: 18px;
background: var(--sand);
border-radius: var(--radius-md);
flex-direction: column;
}
.ofsim-notes__title {
color: var(--ink);
margin: 0;
font-size: 15px;
font-weight: 600;
}
.ofsim-notes__item {
color: var(--muted);
margin: 0;
font-size: 13px;
line-height: 1.6;
}
.ofsim-strings {
display: none;
}
.ofsim-status.is-error {
color: #9A3B2E;
}
.ofsim-input:focus {
outline: 2px solid var(--sage, #6E7A52);
outline-offset: 2px;
}
.ofsim-range:focus-visible {
outline: 2px solid var(--sage, #6E7A52);
outline-offset: 2px;
}
.ofsim-range::-webkit-slider-runnable-track {
height: 6px;
background: linear-gradient(to right, var(--ofsim-accent) var(--fill, 0%), #E4DCCF var(--fill, 0%));
border-radius: 999px;
}
.ofsim-range::-webkit-slider-thumb {
width: 22px;
border: 2px solid var(--ofsim-accent);
height: 22px;
appearance: none;
background: var(--paper);
box-shadow: 0 1px 3px rgba(36, 26, 34, 0.2);
margin-top: -8px;
border-radius: 50%;
-webkit-appearance: none;
}
.ofsim-range::-moz-range-track {
height: 6px;
background: linear-gradient(to right, var(--ofsim-accent) var(--fill, 0%), #E4DCCF var(--fill, 0%));
border-radius: 999px;
}
.ofsim-range::-moz-range-thumb {
width: 22px;
border: 2px solid var(--ofsim-accent);
height: 22px;
background: var(--paper);
box-shadow: 0 1px 3px rgba(36, 26, 34, 0.2);
border-radius: 50%;
}
.ofsim-product.is-off .ofsim-product__name {
color: var(--faint);
}
.ofsim-detail__summary::-webkit-details-marker {
display: none;
}
.ofsim-detail__summary::after {
color: var(--sage);
content: "+";
font-size: 20px;
line-height: 1;
}
.ofsim-detail[open] .ofsim-detail__summary::after {
content: "−";
}
.ofsim-row:last-child {
border-bottom: 0;
}
.ofsim-zone {
scroll-margin-top: 96px;
}
.ofsim-toolbar {
gap: 12px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.ofsim-toolbar__max {
gap: 10px;
display: flex;
align-items: center;
}
.ofsim-toolbar__range {
color: var(--faint);
font-size: 13px;
}
.ofsim-chip {
font: inherit;
color: var(--ink);
border: 1px solid var(--line-strong, #D6C8B5);
cursor: pointer;
height: 30px;
display: inline-flex;
padding: 0 12px;
font-size: 13px;
background: var(--paper);
transition: background-color 0.2s ease, border-color 0.2s ease;
align-items: center;
font-weight: 600;
line-height: 1;
white-space: nowrap;
border-radius: 999px;
justify-content: center;
}
.ofsim-chip--primary {
color: #fff;
background: var(--ink);
border-color: var(--ink);
}
.ofsim-maxpanel {
gap: 10px;
display: flex;
padding: 12px 14px;
flex-wrap: wrap;
background: var(--cream);
align-items: center;
border-radius: 10px;
}
.ofsim-maxpanel__label {
color: var(--muted);
margin: 0;
font-size: 13px;
font-weight: 600;
}
.ofsim-product__title {
gap: 2px;
display: flex;
min-width: 0;
flex-direction: column;
}
.ofsim-product__price {
color: var(--muted);
font-size: 13px;
}
.ofsim-badge {
color: #fff;
padding: 4px 10px;
font-size: 12px;
background: var(--ofsim-accent);
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
border-radius: 999px;
}
.ofsim-product__value-row {
display: flex;
align-items: baseline;
justify-content: flex-end;
}
.ofsim-results {
gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.ofsim-chip:hover {
background: var(--sand);
}
.ofsim-chip:focus-visible {
outline: 2px solid var(--sage, #6E7A52);
outline-offset: 2px;
}
.ofsim-input:focus-visible {
outline: 2px solid var(--sage, #6E7A52);
outline-offset: 2px;
}
.ofsim-chip--primary:hover {
background: var(--sage);
border-color: var(--sage);
}
.ofsim-product.is-unsold {
background: #FBF1EA;
--ofsim-accent: #B5582A;
}
.ofsim-product.is-unsold .ofsim-chip {
color: var(--ofsim-accent);
border-color: var(--ofsim-accent);
}
.nvm-wrap {
width: 100%;
background-color: #f6f1e8;
}
.nvm-preheader {
color: #f6f1e8;
display: none;
mso-hide: all;
overflow: hidden;
font-size: 1px;
max-height: 0;
line-height: 1px;
}
.nvm-page {
width: 100%;
background-color: #f6f1e8;
}
.nvm-page__cell {
padding: 32px 16px;
}
.nvm-shell {
width: 100%;
max-width: 600px;
border-radius: 18px;
background-color: #ffffff;
}
.nvm-brand {
padding: 32px 40px 26px 40px;
text-align: center;
border-radius: 18px 18px 0 0;
background-color: #1f3a5f;
}
.nvm-brand__logo {
width: 170px;
border: 0;
height: auto;
margin: 0 auto 14px auto;
display: block;
max-width: 170px;
}
.nvm-brand__name {
color: #ffffff;
margin: 0;
font-size: 20px;
font-family: Georgia, Times, serif;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.03em;
}
.nvm-hero {
padding: 40px 40px 8px 40px;
text-align: left;
}
.nvm-eyebrow {
color: #1f3a5f;
margin: 0 0 10px 0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.nvm-title {
color: #1b2840;
margin: 0 0 16px 0;
font-size: 28px;
font-family: Georgia, Times, serif;
font-weight: 400;
line-height: 1.25;
}
.nvm-intro {
color: #213047;
margin: 0;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.7;
}
.nvm-content {
padding: 8px 40px 36px 40px;
text-align: left;
}
.nvm-section-title {
color: #1b2840;
margin: 32px 0 12px 0;
font-size: 20px;
font-family: Georgia, Times, serif;
font-weight: 400;
line-height: 1.3;
}
.nvm-product {
width: 100%;
border: 1px solid #e5d7c3;
border-radius: 14px;
background-color: #fcf8f3;
}
.nvm-product__cell {
padding: 22px 24px;
}
.nvm-product__label {
color: #1f3a5f;
margin: 0 0 8px 0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.nvm-product__name {
color: #1b2840;
margin: 0 0 8px 0;
font-size: 20px;
font-family: Georgia, Times, serif;
font-weight: 400;
line-height: 1.3;
}
.nvm-product__description {
color: #213047;
margin: 0;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}
.nvm-products {
border: 1px solid #e5d7c3;
margin: 0;
padding: 4px 22px;
border-radius: 14px;
background-color: #ffffff;
}
.nvm-button {
color: #ffffff;
display: inline-block;
padding: 14px 28px;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1.2;
border-radius: 999px;
text-decoration: none;
background-color: #1f3a5f;
}
.nvm-cta {
margin: 28px 0 0 0;
text-align: left;
}
.nvm-copy {
color: #213047;
margin: 0 0 12px 0;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.65;
}
.nvm-signature {
color: #1b2840;
margin: 28px 0 0 0;
font-size: 16px;
font-style: italic;
font-family: Georgia, Times, serif;
line-height: 1.6;
}
.nvm-note {
color: #5b6478;
margin: 20px 0 0 0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}
.nvm-footer {
padding: 30px 40px 32px 40px;
border-top: 1px solid #d9c7a6;
text-align: center;
border-radius: 0 0 18px 18px;
background-color: #ebe2d3;
}
.nvm-footer__brand {
color: #1b2840;
margin: 0 0 8px 0;
font-size: 16px;
font-family: Georgia, Times, serif;
line-height: 1.4;
}
.nvm-footer__links {
color: #5b6478;
margin: 12px 0 8px 0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}
.nvm-footer__link {
color: #1f3a5f;
text-decoration: underline;
}
.nvm-footer__notice {
color: #5b6478;
margin: 0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}
.nvm-footer__line {
color: #5b6478;
margin: 0 0 6px 0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}
.nvm-footer__free {
white-space: pre-line;
}
.nvm-footer__socials {
margin: 14px 0 12px 0;
}
.nvm-footer__social {
margin: 0 6px;
display: inline-block;
text-decoration: none;
}
.nvm-footer__social-icon {
width: 24px;
border: 0;
height: 24px;
display: inline-block;
}
.bs-style-check--sub {
margin-left: 22px;
}
.nvs-boot {
color: var(--nvs-ink-soft);
display: grid;
min-height: 100vh;
place-items: center;
}
.nvs-gate {
display: grid;
padding: 24px;
min-height: 100vh;
place-items: center;
}
.nvs-gate__card {
padding: 36px;
max-width: 520px;
background: var(--nvs-card);
box-shadow: var(--nvs-shadow);
border-radius: var(--nvs-radius);
}
.nvs-gate__title {
margin: 4px 0 12px;
font-size: 1.6rem;
font-family: Georgia, "Times New Roman", serif;
font-weight: 600;
line-height: 1.25;
}
.nvs-gate__text {
color: var(--nvs-ink-soft);
margin: 0 0 22px;
}
.nvs-app {
width: 100%;
height: 100dvh;
display: grid;
overflow: hidden;
grid-template-rows: auto auto 1fr;
}
.nvs-topbar {
gap: 16px;
display: grid;
padding: 10px 18px;
z-index: 30;
position: relative;
background: var(--nvs-card);
align-items: center;
border-bottom: 1px solid var(--nvs-line);
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.nvs-topbar__left {
gap: 16px;
display: flex;
overflow: hidden;
min-width: 0;
align-items: center;
}
.nvs-topbar__center {
gap: 12px;
display: flex;
align-items: center;
}
.nvs-topbar__right {
gap: 8px;
display: flex;
position: relative;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.nvs-back {
color: var(--nvs-ink-soft);
padding: 6px 8px;
font-size: 13px;
white-space: nowrap;
border-radius: var(--nvs-radius-sm);
text-decoration: none;
}
.nvs-titles {
flex: 1 1 auto;
overflow: hidden;
min-width: 0;
}
.nvs-title {
margin: 0;
overflow: hidden;
font-size: 15px;
max-width: 34ch;
font-weight: 650;
white-space: nowrap;
text-overflow: ellipsis;
}
.nvs-save {
color: var(--nvs-ink-muted);
margin: 0;
overflow: hidden;
font-size: 12px;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.nvs-group {
gap: 4px;
display: inline-flex;
}
.nvs-iconbtn {
width: 36px;
border: 1px solid var(--nvs-line);
cursor: pointer;
height: 36px;
display: inline-grid;
font-size: 19px;
background: var(--nvs-card);
transition: background-color 0.2s ease, border-color 0.2s ease;
line-height: 1;
place-items: center;
border-radius: var(--nvs-radius-sm);
}
.nvs-devices {
border: 1px solid var(--nvs-line);
display: inline-flex;
padding: 3px;
background: #f1ece5;
border-radius: 999px;
}
.nvs-only-sm {
display: none;
}
.nvs-drawer-toggle {
border: 1px solid var(--nvs-line-strong);
cursor: pointer;
display: none;
padding: 6px 14px;
background: var(--nvs-card);
min-height: 36px;
border-radius: 999px;
}
.nvs-btn {
gap: 6px;
border: 1px solid transparent;
cursor: pointer;
display: inline-flex;
padding: 8px 16px;
font-size: 13px;
min-height: 38px;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
align-items: center;
font-weight: 600;
white-space: nowrap;
border-radius: var(--nvs-radius-sm);
justify-content: center;
text-decoration: none;
}
.nvs-btn--primary {
color: #fff;
background: var(--nvs-accent);
}
.nvs-btn--ghost {
color: var(--nvs-ink);
background: var(--nvs-card);
border-color: var(--nvs-line-strong);
}
.nvs-btn--small {
padding: 5px 11px;
font-size: 12px;
min-height: 32px;
}
.nvs-badge {
display: inline-flex;
padding: 4px 10px;
font-size: 12px;
align-items: center;
font-weight: 600;
white-space: nowrap;
border-radius: 999px;
}
.nvs-menu-wrap {
position: relative;
}
.nvs-menu {
top: calc(100% + 6px);
right: 0;
border: 1px solid var(--nvs-line);
display: grid;
padding: 6px;
z-index: 40;
position: absolute;
min-width: 260px;
background: var(--nvs-card);
box-shadow: 0 16px 40px rgba(43, 38, 34, 0.18);
border-radius: var(--nvs-radius);
}
.nvs-banner {
gap: 12px;
color: var(--nvs-ink);
display: flex;
padding: 12px 18px;
position: relative;
flex-wrap: wrap;
background: var(--nvs-warn-soft);
align-items: flex-start;
border-bottom: 1px solid var(--nvs-line);
}
.nvs-toast {
left: 50%;
color: #fff;
bottom: 24px;
margin: 0;
padding: 10px 18px;
z-index: 90;
position: fixed;
font-size: 13px;
max-width: calc(100vw - 32px);
transform: translateX(-50%);
background: var(--nvs-ink);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
text-align: center;
border-radius: 999px;
}
.nvs-body {
display: grid;
overflow: hidden;
min-height: 0;
grid-template-columns: 84px minmax(300px, 360px) minmax(0, 1fr);
}
.nvs-rail {
gap: 4px;
color: var(--nvs-rail-ink);
display: flex;
padding: 10px 6px;
background: var(--nvs-rail);
overflow-y: auto;
flex-direction: column;
}
.nvs-rail__glyph {
font-size: 18px;
line-height: 1;
}
.nvs-rail__label {
font-size: 11px;
text-align: center;
line-height: 1.2;
letter-spacing: 0.02em;
}
.nvs-panel {
display: grid;
overflow: hidden;
background: var(--nvs-card);
min-height: 0;
border-right: 1px solid var(--nvs-line);
grid-template-rows: auto 1fr;
}
.nvs-panel__head {
padding: 16px 20px 12px;
border-bottom: 1px solid var(--nvs-line);
}
.nvs-panel__title {
margin: 0;
font-size: 16px;
font-weight: 650;
}
.nvs-panel__body {
padding: 16px 20px 40px;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
scroll-padding-top: 12px;
}
.nvs-kicker {
color: var(--nvs-accent);
margin: 0;
font-size: 11px;
font-weight: 650;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nvs-hide-sm {
display: inline;
}
.nvs-stage {
display: grid;
position: relative;
min-width: 0;
background: var(--nvs-stage);
min-height: 0;
}
.nvs-canvas {
padding: 28px 24px 60px;
overflow: auto;
position: relative;
min-height: 0;
scroll-behavior: smooth;
}
.nvs-frame {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 100%;
background: #fff;
box-shadow: 0 1px 2px rgba(43, 38, 34, 0.08), 0 20px 50px rgba(43, 38, 34, 0.16);
min-height: 70vh;
transition: width 0.35s ease;
border-radius: 14px;
}
.nvs-preview {
display: block;
overflow: hidden;
min-height: 70vh;
border-radius: 14px;
}
.nvs-floatbar {
gap: 4px;
display: flex;
padding: 5px;
z-index: 20;
position: absolute;
flex-wrap: wrap;
max-width: min(520px, calc(100% - 24px));
background: var(--nvs-ink);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
align-items: center;
border-radius: 999px;
}
.nvs-modal {
inset: 0;
display: grid;
padding: 18px;
z-index: 80;
position: fixed;
background: rgba(43, 38, 34, 0.42);
place-items: center;
}
.nvs-modal__card {
width: min(560px, 100%);
display: grid;
overflow: hidden;
background: #fff;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
max-height: calc(100dvh - 36px);
border-radius: 16px;
grid-template-rows: auto 1fr auto;
}
.nvs-modal__head {
display: flex;
padding: 14px 18px;
align-items: center;
border-bottom: 1px solid var(--nvs-line);
justify-content: space-between;
}
.nvs-modal__title {
margin: 0;
font-size: 16px;
font-weight: 650;
}
.nvs-modal__body {
padding: 18px;
min-height: 0;
overflow-y: auto;
}
.nvs-modal__foot {
gap: 8px;
display: flex;
padding: 12px 18px;
flex-wrap: wrap;
background: #fdfcfa;
border-top: 1px solid var(--nvs-line);
justify-content: flex-end;
}
.nvs-back:hover {
color: var(--nvs-ink);
background: var(--nvs-accent-soft);
}
.nvs-save[data-state="saving"] {
color: var(--nvs-ink-soft);
}
.nvs-save[data-state="dirty"] {
color: var(--nvs-warn);
}
.nvs-save[data-state="error"] {
color: var(--nvs-danger);
font-weight: 600;
}
.nvs-save[data-state="conflict"] {
color: var(--nvs-danger);
font-weight: 600;
}
.nvs-save[data-state="saved"] {
color: var(--nvs-ok);
}
.nvs-save[data-state="clean"] {
color: var(--nvs-ok);
}
.nvs-iconbtn:hover:not(:disabled) {
background: var(--nvs-accent-soft);
}
.nvs-iconbtn:disabled {
cursor: not-allowed;
opacity: 0.4;
}
.nvs-devices button {
color: var(--nvs-ink-soft);
border: 0;
cursor: pointer;
padding: 6px 14px;
font-size: 13px;
background: transparent;
min-height: 32px;
transition: background-color 0.2s ease, color 0.2s ease;
border-radius: 999px;
}
.nvs-devices button.is-active {
color: var(--nvs-ink);
background: var(--nvs-card);
box-shadow: var(--nvs-shadow);
font-weight: 600;
}
.nvs-btn:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.nvs-btn--primary:hover:not(:disabled) {
background: #7a5c40;
}
.nvs-btn--ghost:hover:not(:disabled) {
background: var(--nvs-accent-soft);
}
.nvs-badge.is-ok {
color: var(--nvs-ok);
background: #e4f1e9;
}
.nvs-badge.is-warn {
color: var(--nvs-warn);
background: var(--nvs-warn-soft);
}
.nvs-badge.is-alert {
color: var(--nvs-danger);
background: var(--nvs-danger-soft);
}
.nvs-badge.is-muted {
color: var(--nvs-ink-soft);
background: #eeeae4;
}
.nvs-menu button {
border: 0;
cursor: pointer;
padding: 10px 12px;
font-size: 13px;
background: transparent;
text-align: left;
border-radius: var(--nvs-radius-sm);
}
.nvs-menu button:hover {
background: var(--nvs-accent-soft);
}
.nvs-rail button {
gap: 4px;
color: var(--nvs-rail-ink);
border: 0;
cursor: pointer;
display: flex;
opacity: 0.78;
padding: 10px 4px;
background: transparent;
transition: background-color 0.2s ease, opacity 0.2s ease;
align-items: center;
border-radius: var(--nvs-radius-sm);
flex-direction: column;
}
.nvs-rail button:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.07);
}
.nvs-rail button.is-active {
opacity: 1;
background: rgba(255, 255, 255, 0.14);
box-shadow: inset 3px 0 0 #d9b98f;
}
.nvs-btn--small.nvs-btn--ghost {
padding: 4px 8px;
}
.nvs-frame[data-device="tablet"] {
max-width: 768px;
}
.nvs-frame[data-device="mobile"] {
max-width: 390px;
}
.nvs-preview > .nvp-page {
border-radius: 14px;
}
.nvs-preview [data-section-id] {
cursor: pointer;
outline: 2px solid transparent;
position: relative;
transition: box-shadow 0.2s ease;
outline-offset: -2px;
}
.nvs-preview [data-section-id]:hover {
box-shadow: inset 0 0 0 1px rgba(140, 109, 79, 0.45);
}
.nvs-preview [data-section-id].nvs-selected {
box-shadow: inset 0 0 0 2px var(--nvs-accent);
}
.nvs-preview [data-section-id].nvs-is-empty::after {
top: 12px;
left: 12px;
color: var(--nvs-warn);
content: attr(aria-label);
opacity: 0.95;
padding: 3px 8px;
position: absolute;
font-size: 11px;
background: var(--nvs-warn-soft);
font-weight: 650;
border-radius: 999px;
pointer-events: none;
}
.nvs-preview [data-section-id].nvs-is-empty {
outline: 2px dashed rgba(154, 106, 23, 0.45);
outline-offset: -8px;
}
.nvs-preview a {
cursor: pointer;
}
.nvs-floatbar button {
color: #fff;
border: 0;
cursor: pointer;
padding: 6px 10px;
font-size: 12px;
background: transparent;
min-height: 30px;
line-height: 1.2;
border-radius: 999px;
}
.nvs-floatbar button:hover {
background: rgba(255, 255, 255, 0.14);
}
.nvs-floatbar button[data-action="delete"] {
color: #ffb8ae;
}
.nvs-modal.is-wide .nvs-modal__card {
width: min(880px, 100%);
}
.nvs-body.is-drawer-open .nvs-panel {
transform: none;
}
.nvm-invoice-line {
color: #5b6478;
margin: 24px 0 0 0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}
.nvm-invoice-link {
color: #1f3a5f;
font-weight: 700;
text-decoration: underline;
}
.nvm-link {
color: #1f3a5f;
font-weight: 700;
text-decoration: underline;
}
.hero-grid >* {
min-width: 0;
}
.faq-layout >* {
min-width: 0;
}
.legal-layout >* {
min-width: 0;
}
.partner-main >* {
min-width: 0;
}
.partner-main .container {
min-width: 0;
}
.partner-reused >* {
min-width: 0;
}
.calc-grid >* {
min-width: 0;
}
.sales-grid >* {
min-width: 0;
}
.brand >span {
overflow: hidden;
min-width: 0;
text-overflow: ellipsis;
}
.site-header__bar >a {
min-width: 0;
}
.espace-partenaire-ventes-thq-sales-period-elm {
font-weight: bold;
}
.espace-partenaire-ventes-container3 {
display: block;
font-weight: 700;
}
.espace-partenaire-ventes-container4 {
display: block;
}
.espace-partenaire-ventes-container5 {
display: block;
font-weight: 700;
}
.espace-partenaire-ventes-link {
display: contents;
}
.kyb-welcome {
right: auto;
width: auto;
bottom: auto;
margin: 14px 0 0;
z-index: auto;
position: static;
}
.kyb-verification {
color: var(--muted);
border: 1px dashed var(--line-strong, #D6C8B5);
margin: 14px 0 0;
padding: 10px 14px;
font-size: 14px;
background: var(--paper);
line-height: 1.5;
border-radius: var(--radius-md);
}
.kyb-welcome__box {
gap: 12px;
width: 100%;
border: 1px solid var(--line, #E6DCCD);
display: flex;
padding: 16px 18px;
max-width: none;
background: var(--paper);
box-shadow: none;
border-radius: var(--radius-md);
flex-direction: column;
}
.kyb-welcome__title {
color: var(--ink);
margin: 0 0 4px;
font-size: 20px;
font-family: var(--font-heading);
font-weight: 600;
line-height: 1.2;
}
.kyb-welcome__body {
color: var(--muted);
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.kyb-welcome__actions {
gap: 8px;
display: flex;
flex-wrap: wrap;
margin-top: 12px;
}
.kyb-step__meta {
gap: 8px;
display: inline-flex;
align-items: center;
}
.kyb-step__help {
flex: 0 0 100%;
color: var(--muted);
width: 100%;
border: 1px solid var(--line);
margin: 0;
padding: 10px 12px;
overflow: hidden;
font-size: 14px;
background: var(--paper);
box-sizing: border-box;
flex-basis: 100%;
margin-top: 6px;
line-height: 1.55;
border-radius: var(--radius-sm);
overflow-wrap: anywhere;
}
.kyb-welcome__primary {
color: var(--cream);
border: 0;
cursor: pointer;
padding: 10px 18px;
font-size: 14px;
background: var(--plum);
font-weight: 600;
border-radius: 999px;
}
.kyb-welcome__ghost {
color: var(--plum);
border: 1px solid rgba(58, 36, 52, 0.28);
cursor: pointer;
padding: 10px 18px;
font-size: 14px;
background: transparent;
font-weight: 600;
border-radius: 999px;
}
.kyb-step__info {
gap: 6px;
color: var(--terra);
width: auto;
border: 0;
cursor: pointer;
height: auto;
margin: 0;
display: inline-flex;
padding: 0;
font-size: 13px;
align-self: flex-start;
background: none;
box-shadow: none;
font-style: normal;
align-items: center;
font-family: inherit;
font-weight: 600;
line-height: 1.4;
white-space: nowrap;
border-radius: 0;
justify-content: flex-start;
}
.kyb-sr-only {
clip: rect(0, 0, 0, 0);
width: 1px;
border: 0;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
position: absolute;
white-space: nowrap;
}
.mes-hero {
width: 100%;
padding: 56px 0 32px;
background: var(--cream);
}
.mes-cancelled-section {
width: 100%;
padding: 0 0 24px;
background: var(--cream);
}
.mes-cancelled {
color: var(--ink);
border: 1px dashed var(--line-strong);
margin: 0;
padding: 14px 18px;
font-size: 15px;
background: var(--paper);
line-height: 1.5;
border-radius: var(--radius-md);
}
.mes-recap-section {
width: 100%;
padding: 40px 0 64px;
background: var(--sand);
}
.mes-layout {
gap: 48px;
display: grid;
align-items: start;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}
.mes-checklist-column {
min-width: 0;
}
.mes-title {
color: var(--ink);
margin: 0 0 12px;
font-size: clamp(28px, 3.2vw, 40px);
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.12;
overflow-wrap: anywhere;
letter-spacing: -0.015em;
}
.mes-intro {
color: var(--muted);
margin: 0 0 24px;
font-size: 16.5px;
line-height: 1.6;
}
.mes-checklist {
border: 0;
margin: 0 0 20px;
padding: 0;
min-width: 0;
}
.mes-legend {
color: var(--terra);
margin: 0 0 12px;
padding: 0;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.mes-check {
gap: 14px;
border: 1px solid var(--line);
cursor: pointer;
margin: 0 0 12px;
display: flex;
padding: 18px 18px;
background: var(--paper);
transition: border-color 0.25s ease, box-shadow 0.25s ease;
align-items: flex-start;
border-radius: var(--radius-md);
}
.mes-check-input {
flex: 0 0 auto;
width: 22px;
cursor: pointer;
height: 22px;
margin: 2px 0 0;
accent-color: var(--plum);
}
.mes-check-title {
color: var(--ink);
display: block;
font-size: 16px;
font-weight: 600;
line-height: 1.35;
}
.mes-check-desc {
color: var(--muted);
display: block;
font-size: 14.5px;
line-height: 1.55;
}
.mes-summary {
gap: 14px;
border: 1px solid var(--line);
display: flex;
padding: 28px 22px;
background: var(--paper);
box-shadow: var(--shadow-soft);
border-radius: var(--radius-xl);
flex-direction: column;
}
.mes-summary-eyebrow {
color: var(--terra);
margin: 0;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.mes-summary-title {
color: var(--ink);
margin: 0;
font-size: 26px;
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.15;
}
.mes-price-row {
gap: 10px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.mes-price {
color: var(--ink);
font-size: 44px;
font-family: var(--font-heading);
line-height: 1;
}
.mes-price-note {
color: var(--faint);
font-size: 14px;
}
.mes-amount-unavailable {
color: #8C3B2F;
border: 1px solid #F0C9B4;
margin: 0;
padding: 12px 14px;
font-size: 14.5px;
background: #FBEDE8;
line-height: 1.5;
border-radius: var(--radius-sm);
}
.mes-included {
margin: 0;
padding: 0;
list-style: none;
}
.mes-included-item {
color: var(--text);
padding: 9px 0 9px 26px;
position: relative;
font-size: 15px;
border-top: 1px solid var(--line);
line-height: 1.45;
}
.mes-field {
gap: 6px;
display: flex;
flex-direction: column;
}
.mes-label {
color: var(--ink);
font-size: 13.5px;
font-weight: 600;
}
.mes-input {
color: var(--ink);
width: 100%;
border: 1px solid var(--line-strong);
outline: none;
padding: 13px 15px;
font-size: 15px;
background: var(--cream);
transition: border-color 0.25s ease, box-shadow 0.25s ease;
font-family: var(--font-body);
border-radius: 12px;
}
.mes-address-note {
color: var(--faint);
margin: 0;
font-size: 13.5px;
line-height: 1.5;
}
.mes-submit {
color: var(--cream);
width: 100%;
border: 1px solid transparent;
cursor: pointer;
display: flex;
padding: 18px 24px;
font-size: 16px;
background: var(--plum);
text-align: center;
transition: background-color 0.25s ease, opacity 0.25s ease;
align-items: center;
font-weight: 600;
line-height: 1.25;
border-radius: 999px;
justify-content: center;
}
.mes-submit-label {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.mes-submit-hint {
color: var(--faint);
margin: 0;
font-size: 13px;
text-align: center;
line-height: 1.5;
}
.mes-messages {
gap: 8px;
display: flex;
flex-direction: column;
}
.mes-message-info {
color: var(--ink);
border: 1px dashed var(--line-strong);
margin: 0;
padding: 12px 16px;
font-size: 15px;
background: var(--sand);
line-height: 1.5;
border-radius: var(--radius-md);
}
.mes-message-error {
color: #8C3B2F;
border: 1px solid #F0C9B4;
margin: 0;
padding: 12px 16px;
font-size: 15px;
background: #FBEDE8;
line-height: 1.5;
border-radius: var(--radius-md);
}
.mes-help {
text-align: center;
}
.mes-help-link {
color: var(--plum);
font-size: 14.5px;
text-decoration: underline;
text-underline-offset: 4px;
}
.mes-confirmation-section {
width: 100%;
padding: 24px 0 56px;
background: var(--sand);
}
.mes-confirm-card {
border: 1px solid var(--line);
margin: 0 auto;
padding: 36px 28px;
max-width: 760px;
background: var(--paper);
box-shadow: var(--shadow-soft);
text-align: center;
border-radius: var(--radius-xl);
}
.mes-confirm-card-success {
border: 1px solid #C9D3B4;
margin: 0 auto;
padding: 36px 28px;
max-width: 760px;
background: var(--paper);
box-shadow: var(--shadow-soft);
text-align: center;
border-radius: var(--radius-xl);
}
.mes-confirm-button {
color: var(--cream);
display: inline-flex;
padding: 18px 32px;
font-size: 16px;
background: var(--plum);
align-items: center;
font-weight: 600;
border-radius: 999px;
justify-content: center;
text-decoration: none;
}
.mes-confirm-button-ghost {
color: var(--plum);
border: 1px solid rgba(58, 36, 52, 0.28);
display: inline-flex;
padding: 18px 32px;
font-size: 16px;
background: transparent;
align-items: center;
font-weight: 600;
border-radius: 999px;
justify-content: center;
text-decoration: none;
}
.mes-steps-section {
width: 100%;
padding: 56px 0 72px;
background: var(--cream);
}
.mes-steps {
gap: 16px;
margin: 24px 0 0;
display: grid;
padding: 0;
list-style: none;
counter-reset: mes-step;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.mes-step {
gap: 6px;
border: 1px solid var(--line);
display: flex;
padding: 22px 20px 22px 64px;
position: relative;
background: var(--paper);
border-radius: var(--radius-md);
flex-direction: column;
counter-increment: mes-step;
}
.mes-step-title {
color: var(--ink);
font-size: 16px;
font-weight: 600;
line-height: 1.35;
}
.mes-step-desc {
color: var(--muted);
font-size: 14.5px;
line-height: 1.55;
}
.mes-start-section {
width: 100%;
padding: 64px 0;
background: var(--cream);
}
.mes-start-card {
gap: 32px;
border: 1px solid var(--line);
display: grid;
padding: 32px 24px;
background: var(--paper);
box-shadow: var(--shadow-soft);
border-radius: var(--radius-xl);
grid-template-columns: minmax(0, 1fr);
}
.mes-start-copy {
min-width: 0;
}
.mes-start-eyebrow {
color: var(--terra);
margin: 0 0 14px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.mes-start-title {
color: var(--ink);
margin: 0 0 14px;
font-size: clamp(30px, 3.6vw, 44px);
font-family: var(--font-heading);
font-weight: 400;
line-height: 1.1;
letter-spacing: -0.015em;
}
.mes-start-text {
color: var(--muted);
margin: 0 0 18px;
font-size: 16.5px;
line-height: 1.6;
}
.mes-start-list {
margin: 0;
padding: 0;
list-style: none;
}
.mes-start-item {
color: var(--text);
padding: 10px 0 10px 26px;
position: relative;
font-size: 15px;
border-top: 1px solid var(--line);
line-height: 1.45;
}
.mes-start-action {
gap: 14px;
display: flex;
padding: 24px;
background: var(--sand);
border-radius: var(--radius-lg);
flex-direction: column;
justify-content: center;
}
.mes-start-price-row {
gap: 10px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.mes-start-price {
color: var(--ink);
font-size: 44px;
font-family: var(--font-heading);
line-height: 1;
}
.mes-start-price-note {
color: var(--faint);
font-size: 14px;
}
.mes-start-button {
color: var(--cream);
display: flex;
padding: 18px 24px;
font-size: 16px;
background: var(--plum);
text-align: center;
transition: background-color 0.25s ease;
align-items: center;
font-weight: 600;
line-height: 1.25;
border-radius: 999px;
justify-content: center;
text-decoration: none;
}
.mes-start-link {
color: var(--plum);
font-size: 14.5px;
text-align: center;
text-decoration: underline;
text-underline-offset: 4px;
}
.per-sale-error {
color: #8C3B2F;
}
.mes-check:hover {
box-shadow: var(--shadow-soft);
border-color: var(--gold);
}
.mes-included-item::before {
top: 9px;
left: 2px;
color: var(--sage);
content: "✓";
position: absolute;
font-weight: 700;
}
.mes-input:focus {
box-shadow: var(--nvs-focus);
border-color: var(--plum);
}
.mes-submit:hover {
background: var(--ink);
}
.mes-submit:disabled {
cursor: not-allowed;
opacity: 0.45;
}
.mes-step::before {
top: 20px;
left: 20px;
color: var(--cream);
width: 30px;
height: 30px;
content: counter(mes-step);
display: flex;
position: absolute;
font-size: 14px;
background: var(--plum);
align-items: center;
font-weight: 600;
border-radius: 50%;
justify-content: center;
}
.mes-start-item::before {
top: 10px;
left: 2px;
color: var(--sage);
content: "✓";
position: absolute;
font-weight: 700;
}
.mes-start-button:hover {
background: var(--ink);
}
.kyb-step.is-done .kyb-step__label {
color: #3f7d58;
}
.kyb-step.is-current .kyb-step__label {
font-weight: 700;
}
.kyb-step__info:focus-visible {
outline: 2px solid var(--terra, #C1633B);
box-shadow: none;
outline-offset: 2px;
}
.kyb-verification.is-verified {
color: #3F4A2C;
border: 1px solid #C9D3B4;
background: #EEF2E6;
}
.espace-partenaire-offres-thq-container-elm3 {
display: flex;
justify-content: center;
}
.kyb-step__chevron {
width: 7px;
height: 7px;
display: inline-block;
transform: rotate(45deg);
box-sizing: content-box;
margin-top: -3px;
transition: transform .25s ease;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
}
.kyb-steps.is-ready {
overflow: hidden;
margin-top: 0;
max-height: 0;
transition: max-height .25s ease, margin-top .25s ease;
}
.kyb-steps.is-ready.is-open {
margin-top: 14px;
max-height: 1400px;
}
.kyb-step.is-done {
background: #F7F9F2;
border-color: var(--sage-soft);
}
.kyb-step.is-todo {
background: var(--paper);
border-color: var(--gold-soft);
}
.kyb-step__info:hover {
text-decoration: underline;
}
.kyb-step__info[aria-expanded="true"] .kyb-step__chevron {
transform: rotate(-135deg);
margin-top: 3px;
}
.kyb-step__help.is-ready {
opacity: 0;
max-height: 0;
transition: max-height .25s ease, padding-top .25s ease, opacity .2s ease;
padding-top: 0;
}
.kyb-step__help.is-ready.is-open {
opacity: 1;
max-height: 360px;
padding-top: 2px;
}
.kyb-welcome-section {
max-width: 600px;
align-self: center;
}
.of-offer--idp {
--of-tint: #F4EDF1;
--of-accent: #3A2434;
}
.of-offer--ide {
--of-tint: #FBF0EA;
--of-accent: #C1633B;
}
.of-offer--car {
--of-tint: #F1F3EA;
--of-accent: #6E7A52;
}
.of-offer--cal {
--of-tint: #F8F3E8;
--of-accent: #B08A4E;
}
.of-offer--cop {
--of-tint: #EEF2F5;
--of-accent: #4F6272;
}
.of-offer--pack {
--of-tint: #F8EDF0;
--of-accent: #9A4D62;
}
.of-offer[hidden] {
display: none;
}
.of-offer::before {
top: 0;
left: 0;
right: 0;
height: 4px;
content: "";
z-index: 1;
position: absolute;
background: #3A2434;
}
.of-offer.is-on .of-offer__name {
color: var(--ink);
}
.of-offer.is-on .of-offer__final {
color: #3A2434;
}
.of-offer__main {
gap: 14px;
display: flex;
min-width: 0;
align-items: center;
}
.of-offer__aside {
gap: 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: auto;
justify-content: flex-end;
}
.of-offer .of-figure {
background: var(--paper);
box-shadow: inset 0 0 0 1px var(--line, #E6DCCD);
}
.of-offer .of-promo-box {
background: var(--paper);
box-shadow: inset 0 0 0 1px var(--line, #E6DCCD);
}
.of-offer .of-figure.is-accent {
box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--of-accent, #3A2434) 45%, transparent);
}
.ins-code--center {
align-items: center;
}
.ins-code__link {
color: inherit;
display: flex;
word-break: break-all;
text-decoration: underline;
}
.of-offers-tiles {
gap: 20px;
display: grid;
align-items: stretch;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.pmenu {
top: 0;
width: 100%;
z-index: 100;
position: sticky;
background: var(--paper);
border-bottom: 1px solid var(--line, #E6DCCD);
}
.pmenu-toggle {
width: 1px;
height: 1px;
opacity: 0;
position: absolute;
pointer-events: none;
}
.pmenu-bar {
gap: 24px;
display: flex;
padding: 14px 32px;
box-sizing: border-box;
min-height: 72px;
align-items: center;
}
.pmenu-mobile {
gap: 4px;
display: none;
padding: 8px 16px 20px;
background: var(--paper);
border-top: 1px solid var(--line, #E6DCCD);
flex-direction: column;
}
.pmenu-brand {
gap: 12px;
flex: 0 0 auto;
color: var(--plum);
display: inline-flex;
align-items: center;
font-family: var(--font-heading);
text-decoration: none;
}
.pmenu-main {
gap: 6px;
flex: 1 1 auto;
display: flex;
min-width: 0;
align-items: center;
justify-content: center;
}
.pmenu-user {
gap: 12px;
flex: 0 0 auto;
display: flex;
align-items: center;
border-left: 1px solid var(--line, #E6DCCD);
padding-left: 16px;
}
.pmenu-burger {
gap: 5px;
cursor: pointer;
display: none;
padding: 10px;
margin-left: auto;
flex-direction: column;
}
.pmenu-m-hello {
color: var(--faint);
margin: 4px 0 10px;
font-size: 15px;
}
.pmenu-m-group {
border-bottom: 1px solid var(--line, #E6DCCD);
}
.pmenu-m-solo {
color: var(--ink);
display: block;
padding: 14px 4px;
font-size: 17px;
font-weight: 600;
border-bottom: 1px solid var(--line, #E6DCCD);
border-radius: 10px;
text-decoration: none;
}
.pmenu-m-logout {
font: inherit;
color: var(--ink);
width: 100%;
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
padding: 12px 16px;
font-size: 14px;
background: transparent;
margin-top: 14px;
text-align: center;
white-space: nowrap;
border-radius: 999px;
}
.pmenu-mark {
flex: 0 0 auto;
color: var(--terra);
width: 46px;
height: 46px;
transition: transform 1.2s ease;
}
.pmenu-brand-name {
font-size: 20px;
font-weight: 500;
line-height: 1.1;
white-space: nowrap;
}
.pmenu-group {
position: relative;
}
.pmenu-hello {
color: var(--faint);
margin: 0;
font-size: 14px;
white-space: nowrap;
}
.pmenu-logout {
font: inherit;
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
padding: 8px 14px;
font-size: 14px;
background: transparent;
white-space: nowrap;
border-radius: 999px;
}
.pmenu-burger-bar {
width: 22px;
height: 2px;
background: var(--ink);
border-radius: 2px;
}
.pmenu-hello-name {
color: var(--ink);
font-weight: 600;
}
.pmenu-m-summary {
color: var(--ink);
cursor: pointer;
padding: 14px 4px;
font-size: 17px;
list-style: none;
font-weight: 600;
}
.pmenu-m-link {
color: var(--ink);
display: block;
padding: 12px 16px;
font-size: 16px;
border-radius: 10px;
text-decoration: none;
}
.pmenu-group-label {
color: var(--ink);
display: inline-block;
padding: 10px 14px;
font-size: 15px;
transition: background-color 0.2s ease, color 0.2s ease;
font-weight: 600;
white-space: nowrap;
border-radius: 999px;
text-decoration: none;
}
.pmenu-panel {
gap: 4px;
top: 100%;
left: 0;
width: 340px;
border: 1px solid var(--line, #E6DCCD);
display: none;
padding: 14px;
position: absolute;
background: var(--paper);
box-shadow: 0 18px 40px rgba(58, 36, 52, 0.12);
box-sizing: border-box;
margin-top: 6px;
border-radius: 16px;
}
.pmenu-panel-intro {
color: var(--faint);
margin: 2px 8px 8px;
font-size: 13px;
}
.pmenu-item {
gap: 2px;
color: var(--ink);
display: grid;
padding: 12px;
border-radius: 12px;
text-decoration: none;
}
.pmenu-item-title {
font-size: 15px;
font-weight: 600;
}
.pmenu-item-text {
color: var(--faint);
font-size: 13px;
line-height: 1.4;
}
.pacc-stack {
gap: 28px;
display: grid;
min-width: 0;
grid-template-columns: minmax(0, 1fr);
}
.pacc-group {
gap: 10px;
display: grid;
min-width: 0;
flex-direction: column;
}
.pacc-group-title {
color: var(--ink);
margin: 0;
font-size: 20px;
font-family: var(--pacc-serif);
font-weight: 500;
line-height: 1.25;
}
.pacc-group-intro {
color: var(--faint);
margin: 0;
font-size: 14px;
}
.pacc-tiles {
gap: 10px;
display: grid;
min-width: 0;
grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
}
.pacc-tile {
gap: 10px;
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
display: flex;
padding: 16px;
min-width: 0;
background: var(--paper);
box-sizing: border-box;
transition: border-color 0.2s ease, transform 0.2s ease;
align-items: flex-start;
border-radius: 16px;
flex-direction: column;
text-decoration: none;
grid-template-columns: 36px minmax(0, 1fr);
}
.pacc-tile-icon {
flex: 0 0 auto;
color: var(--plum);
width: 36px;
height: 36px;
display: flex;
background: #F7F2E9;
align-items: center;
border-radius: 10px;
justify-content: center;
}
.pacc-icon {
width: 20px;
height: 20px;
display: block;
}
.pacc-tile-body {
gap: 4px;
display: flex;
max-width: 100%;
min-width: 0;
align-items: flex-start;
flex-direction: column;
}
.pacc-tile-title {
color: var(--pacc-ink);
display: block;
font-size: 15px;
font-family: var(--pacc-serif);
font-weight: 600;
line-height: 1.25;
}
.pacc-tile-text {
color: var(--faint);
display: block;
font-size: 13px;
line-height: 1.4;
}
.pacc-status {
display: inline-block;
padding: 4px 10px;
font-size: 12px;
max-width: 120px;
background: #F7F2E9;
margin-top: 6px;
text-align: center;
align-items: center;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
justify-self: start;
border-radius: 999px;
}
.pacc-status-todo {
color: var(--terra);
}
.pacc-status-done {
color: var(--sage);
}
.pmenu-brand:hover .pmenu-mark {
transform: rotate(120deg);
}
.pmenu-group-label:hover {
color: var(--plum);
background: #F7F2E9;
}
.pmenu-group-label:focus-visible {
color: var(--plum);
background: #F7F2E9;
}
.pmenu-group:hover .pmenu-panel {
display: grid;
}
.pmenu-group:focus-within .pmenu-panel {
display: grid;
}
.pmenu-item:hover {
background: #F7F2E9;
}
.pmenu-item:focus-visible {
background: #F7F2E9;
}
.pmenu-logout:hover {
color: var(--paper);
background: var(--plum);
border-color: var(--plum);
}
.pmenu-m-logout:hover {
color: var(--paper);
background: var(--plum);
border-color: var(--plum);
}
.pmenu-toggle:checked ~ .pmenu-mobile {
display: flex;
}
.pmenu-m-summary::-webkit-details-marker {
display: none;
}
.pmenu-m-link:hover {
color: var(--plum);
}
.pmenu-m-solo:hover {
color: var(--plum);
}
.pacc-tile:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(58,36,52,.08);
border-color: var(--plum);
}
.pacc-tile:focus-visible {
outline: 2px solid var(--pacc-terra);
transform: translateY(-1px);
border-color: var(--plum);
outline-offset: 3px;
}
.pacc-page-body {
padding: 8px 0 20px;
overflow: clip;
position: relative;
isolation: isolate;
text-align: left;
--pacc-wheel-x: 72%;
--pacc-wheel-y: 50%;
--pacc-wheel-size: min(760px, 100%);
}
.pacc-page-body .wheel {
left: 58%;
}
.pacc-page-body .h1 {
margin: 0 0 24px;
max-width: none;
}
.pacc-page-body .lead {
margin: 0;
max-width: 680px;
}
.cnq-stack {
gap: 20px;
display: grid;
padding-bottom: 140px;
}
.cnq-switch {
gap: 12px;
border: 1px solid var(--line, #E6DCCD);
display: flex;
padding: 12px 16px;
flex-wrap: wrap;
background: var(--paper);
align-items: center;
border-radius: 14px;
}
.cnq-switch-label {
color: var(--faint);
margin: 0;
font-size: 14px;
}
.cnq-switch-links {
gap: 6px;
display: flex;
flex-wrap: wrap;
}
.cnq-switch-link {
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
padding: 8px 16px;
font-size: 14px;
background: var(--paper);
border-radius: 999px;
text-decoration: none;
}
.cnq-switch-link-on {
color: var(--paper);
border: 1px solid var(--line, #E6DCCD);
padding: 8px 16px;
font-size: 14px;
background: var(--plum);
border-color: var(--plum);
border-radius: 999px;
text-decoration: none;
}
.cnq-switch-text {
display: inline;
}
.cnq-switch-hint {
color: var(--faint);
font-size: 13px;
}
.cnq-small-note {
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
margin: 0 0 8px;
display: none;
padding: 12px 16px;
font-size: 14px;
background: #F7F2E9;
line-height: 1.5;
border-radius: 14px;
}
.cnq-pointer {
gap: 10px;
border: 1px solid var(--line, #E6DCCD);
display: grid;
padding: 16px 18px;
background: #F7F2E9;
border-radius: 14px;
}
.cnq-pointer-text {
color: var(--ink);
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.cnq-link {
color: var(--plum);
font-weight: 600;
text-decoration: underline;
}
.cnq-doc-tabs {
gap: 8px;
display: flex;
flex-wrap: wrap;
}
.cnq-doc-tab {
gap: 4px;
font: inherit;
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
display: inline-flex;
padding: 10px 16px;
background: var(--paper);
text-align: left;
align-items: flex-start;
border-radius: 14px;
flex-direction: column;
}
.cnq-doc-tab-on {
gap: 4px;
font: inherit;
color: var(--paper);
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
display: inline-flex;
padding: 10px 16px;
background: var(--plum);
text-align: left;
align-items: flex-start;
border-color: var(--plum);
border-radius: 14px;
flex-direction: column;
}
.cnq-tab-label {
font-size: 15px;
font-weight: 600;
}
.cnq-tab-status {
color: var(--faint);
display: flex;
font-size: 12px;
font-weight: 400;
flex-direction: column;
}
.cnq-dot-line {
display: block;
}
.cnq-layout {
gap: 24px;
display: grid;
min-width: 0;
align-items: start;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}
.cnq-editor {
gap: 20px;
display: grid;
min-width: 0;
}
.cnq-panel {
gap: 20px;
display: grid;
min-width: 0;
}
.cnq-panel-head {
gap: 6px;
display: grid;
}
.cnq-panel-title {
color: var(--ink);
margin: 0;
font-size: 22px;
line-height: 1.25;
}
.cnq-panel-intro {
color: var(--faint);
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.cnq-intro-box {
gap: 6px;
border: 1px solid var(--line, #E6DCCD);
display: grid;
padding: 16px 20px;
background: #F7F2E9;
border-radius: 14px;
}
.cnq-intro-line {
color: var(--ink);
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.cnq-group {
gap: 14px;
border: 1px solid var(--line, #E6DCCD);
display: grid;
padding: 22px;
min-width: 0;
background: var(--paper);
border-radius: 18px;
}
.cnq-group-title {
color: var(--ink);
margin: 0;
font-size: 17px;
line-height: 1.3;
}
.cnq-hint {
color: var(--faint);
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.cnq-note {
color: var(--faint);
margin: 0;
padding: 12px 14px;
font-size: 13px;
background: #F7F2E9;
line-height: 1.5;
border-radius: 12px;
}
.cnq-counter {
color: var(--faint);
margin: 0;
font-size: 13px;
}
.cnq-count-value {
color: var(--ink);
font-weight: 600;
}
.cnq-count-max {
color: var(--ink);
font-weight: 600;
}
.cnq-parts {
gap: 8px;
margin: 0;
display: grid;
padding: 0;
list-style: none;
}
.cnq-part {
gap: 12px;
border: 1px solid var(--line, #E6DCCD);
display: flex;
padding: 12px 14px;
flex-wrap: wrap;
background: var(--paper);
align-items: center;
border-radius: 14px;
}
.cnq-part-faqroot {
gap: 8px;
border: 1px solid var(--line, #E6DCCD);
display: flex;
padding: 12px 14px;
flex-wrap: wrap;
background: var(--paper);
align-items: flex-start;
border-radius: 14px;
flex-direction: column;
}
.cnq-part-main {
gap: 10px;
flex: 1 1 auto;
color: var(--ink);
display: flex;
flex-wrap: wrap;
font-size: 15px;
min-width: 0;
align-items: center;
}
.cnq-part-name {
font-weight: 600;
}
.cnq-part-fixed {
color: var(--plum);
padding: 3px 10px;
font-size: 12px;
background: #F7F2E9;
font-weight: 600;
border-radius: 999px;
}
.cnq-btn-link {
font: inherit;
color: var(--plum);
border: none;
cursor: pointer;
padding: 0;
font-size: 13px;
background: none;
text-decoration: underline;
}
.cnq-arrows {
gap: 4px;
flex: 0 0 auto;
display: flex;
}
.cnq-arrow {
color: var(--ink);
width: 32px;
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
height: 32px;
display: inline-flex;
background: var(--paper);
align-items: center;
border-radius: 999px;
justify-content: center;
}
.cnq-arrow-icon {
fill: none;
width: 16px;
height: 16px;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.cnq-add {
gap: 6px;
display: grid;
justify-items: start;
}
.cnq-btn-add {
font: inherit;
color: var(--plum);
border: 1px dashed var(--plum, #3A2434);
cursor: pointer;
padding: 10px 16px;
font-size: 14px;
background: var(--paper);
border-radius: 999px;
}
.cnq-add-count {
color: var(--faint);
margin: 0;
font-size: 13px;
}
.cnq-add-left {
color: var(--ink);
font-weight: 600;
}
.cnq-faq-list {
gap: 8px;
margin: 0;
display: grid;
padding: 0;
list-style: none;
}
.cnq-faq-row {
gap: 10px;
display: flex;
padding: 10px 12px;
flex-wrap: wrap;
background: #F7F2E9;
align-items: flex-start;
border-radius: 12px;
}
.cnq-faq-details {
flex: 1 1 auto;
min-width: 0;
}
.cnq-faq-a {
color: var(--faint);
margin: 8px 0 0;
font-size: 14px;
line-height: 1.5;
}
.cnq-field {
gap: 6px;
display: grid;
min-width: 0;
}
.cnq-field-block {
gap: 8px;
display: grid;
min-width: 0;
}
.cnq-field-label {
color: var(--ink);
font-size: 14px;
font-weight: 600;
}
.cnq-textarea {
font: inherit;
color: var(--ink);
width: 100%;
border: 1px solid var(--line, #E6DCCD);
resize: vertical;
padding: 10px 12px;
font-size: 15px;
background: var(--paper);
box-sizing: border-box;
min-height: 84px;
line-height: 1.5;
border-radius: 12px;
}
.cnq-input {
font: inherit;
color: var(--ink);
width: 100%;
border: 1px solid var(--line, #E6DCCD);
padding: 10px 12px;
font-size: 15px;
background: var(--paper);
box-sizing: border-box;
line-height: 1.5;
border-radius: 12px;
}
.cnq-select {
font: inherit;
color: var(--ink);
width: 100%;
border: 1px solid var(--line, #E6DCCD);
padding: 10px 12px;
font-size: 15px;
background: var(--paper);
box-sizing: border-box;
line-height: 1.5;
border-radius: 12px;
}
.cnq-actions {
gap: 8px;
display: flex;
flex-wrap: wrap;
}
.cnq-btn {
font: inherit;
color: var(--paper);
border: 1px solid var(--plum, #3A2434);
cursor: pointer;
padding: 10px 16px;
font-size: 14px;
background: var(--plum);
border-radius: 999px;
}
.cnq-btn-ghost {
font: inherit;
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
padding: 10px 16px;
font-size: 14px;
background: transparent;
border-radius: 999px;
}
.cnq-btn-validate {
font: inherit;
color: var(--paper);
border: 1px solid var(--plum, #3A2434);
cursor: pointer;
padding: 10px 16px;
font-size: 14px;
background: var(--plum);
border-radius: 999px;
}
.cnq-btn-revoke {
font: inherit;
color: var(--faint);
border: none;
cursor: pointer;
padding: 0;
font-size: 13px;
background: none;
text-decoration: underline;
}
.cnq-warning {
gap: 10px;
border: 1px solid #C9A227;
display: grid;
padding: 14px 16px;
background: #FBF5E4;
border-radius: 12px;
}
.cnq-warning-text {
color: var(--ink);
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.cnq-warning-actions {
gap: 8px;
display: flex;
flex-wrap: wrap;
}
.cnq-preview {
gap: 12px;
border: 1px solid var(--line, #E6DCCD);
display: grid;
padding: 20px;
min-width: 0;
background: var(--paper);
border-radius: 18px;
}
.cnq-preview-head {
gap: 12px;
display: flex;
align-items: center;
justify-content: space-between;
}
.cnq-preview-heading {
color: var(--ink);
margin: 0;
font-size: 18px;
line-height: 1.2;
}
.cnq-preview-close {
font: inherit;
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
display: inline-flex;
padding: 8px 14px;
font-size: 14px;
background: var(--paper);
border-radius: 999px;
}
.cnq-check {
gap: 8px;
color: var(--ink);
cursor: pointer;
display: inline-flex;
font-size: 14px;
align-items: center;
}
.cnq-check-input {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin: 0;
accent-color: var(--plum);
}
.cnq-check-text {
line-height: 1.4;
}
.cnq-zoom {
gap: 6px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.cnq-btn-zoom {
font: inherit;
color: var(--ink);
border: 1px solid var(--line, #E6DCCD);
cursor: pointer;
padding: 4px 10px;
font-size: 14px;
min-width: 34px;
background: var(--paper);
border-radius: 999px;
}
.cnq-zoom-value {
color: var(--ink);
font-size: 13px;
min-width: 52px;
text-align: center;
}
.cnq-preview-stage {
flex: 1 1 auto;
border: 1px solid var(--line, #E6DCCD);
height: 680px;
overflow: hidden;
position: relative;
background: #F7F2E9;
min-height: 320px;
border-radius: 12px;
}
.cnq-preview-iframe {
top: 0;
left: 0;
width: 794px;
border: 0;
height: 1123px;
position: absolute;
background: #FFFFFF;
transform-origin: 0 0;
}
.cnq-preview-toggle {
display: none;
}
.cnq-validate {
gap: 16px;
left: 50%;
width: min(720px, calc(100% - 32px));
border: 1px solid var(--line, #E6DCCD);
bottom: 16px;
display: flex;
padding: 14px 18px;
z-index: 200;
position: fixed;
flex-wrap: wrap;
transform: translateX(-50%);
background: var(--paper);
box-shadow: 0 12px 32px rgba(58, 36, 52, 0.16);
box-sizing: border-box;
align-items: center;
border-radius: 16px;
justify-content: space-between;
}
.cnq-validate-text {
gap: 4px;
display: grid;
max-width: 520px;
min-width: 0;
}
.cnq-validate-actions {
gap: 12px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.cnq-validate-state {
color: var(--ink);
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.cnq-validate-state-ok {
color: var(--sage);
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.cnq-validate-modified {
color: var(--terra);
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.cnq-btn-revoke[hidden] {
display: none;
}
.cnq-validate-state[hidden] {
display: none;
}
.cnq-validate-state-ok[hidden] {
display: none;
}
.cnq-validate-modified[hidden] {
display: none;
}
.cnq-doc-tab-on .cnq-tab-status {
color: var(--paper);
opacity: 0.85;
}
.cnq-arrow:hover {
color: var(--paper);
background: var(--plum);
border-color: var(--plum);
}
.cnq-btn-add:disabled {
cursor: default;
opacity: 0.5;
}
.cnq-faq-details summary {
color: var(--ink);
cursor: pointer;
font-size: 15px;
font-weight: 600;
}
.cnq-frame {
min-width: 0;
}
.legal-p {
margin: 0 0 14px;
font-size: 16px;
line-height: 1.7;
overflow-wrap: anywhere;
}
.legal-ul {
margin: 0 0 14px;
font-size: 16px;
line-height: 1.7;
padding-left: 22px;
}
.legal-h3 {
color: var(--plum);
margin: 28px 0 10px;
font-size: 18px;
font-family: inherit;
font-weight: 600;
line-height: 1.3;
}
.legal-li {
margin: 0 0 6px;
overflow-wrap: anywhere;
}
.legal-link {
color: var(--plum);
display: inline;
overflow-wrap: anywhere;
text-decoration: underline;
text-underline-offset: 3px;
}
.legal-link:hover {
color: var(--terra);
}
.legal-link:focus-visible {
color: var(--terra);
}
.hero-stage__animation {
inset: 0;
opacity: 0;
position: absolute;
animation: hero-stage-fade 1.2s var(--ease-out) 2.4s forwards;
}
.vignetteHome {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.acc-vat-flow {
gap: 18px;
display: flex;
flex-direction: column;
}
.acc-vat-country-summary {
margin: 0;
}
.acc-vat-choice-group {
border: 1px solid var(--line, #e6dcca);
margin: 0;
padding: 18px;
background: var(--paper);
border-radius: var(--radius-md);
}
.acc-vat-scenario {
margin: 0;
}
.acc-vat-fields {
margin: 0;
}
.acc-vat-flow[hidden] {
display: none;
}
.acc-vat-flow [hidden] {
display: none;
}
.acc-vat-flow .acc-notice--warning {
border-color: var(--terra);
}
.acc-vat-scenario[hidden] {
display: none;
}
.acc-vat-scenario h4 {
color: var(--ink);
margin: 0 0 10px;
font-size: 18px;
line-height: 1.3;
}
.acc-vat-scenario p+p {
margin-top: 10px;
}
.acc-vat-fields[hidden] {
display: none;
}
.acc-vat-country-summary >p+p {
margin-top: 10px;
}
.acc-vat-choice-group fieldset {
border: 0;
margin: 0;
padding: 0;
}
.acc-vat-choice-group legend {
margin-bottom: 12px;
}
.acc-vat-choice-group .acc-check+.acc-check {
margin-top: 10px;
}
.acc-payout-frequency {
margin-top: 20px;
}
.acc-payout-frequency .ins-choices {
gap: 12px;
}
.acc-payout-frequency .ins-choice {
height: 100%;
box-sizing: border-box;
}
.acc-payout-frequency .ins-choice.is-selected {
background: #fff8f0;
box-shadow: 0 0 0 1px var(--terra, #c1633b) inset;
border-color: var(--terra);
}
.acc-payout-frequency .ins-choice:hover {
border-color: var(--terra);
}
.acc-payout-frequency .ins-choice:focus-within {
outline: 3px solid rgba(193, 99, 59, 0.25);
outline-offset: 2px;
}
.acc-payout-errors [hidden] {
display: none;
}
.dash-chart__plot {
position: relative;
}
.dash-chart__plot svg {
width: 100%;
height: 90px;
display: block;
overflow: visible;
}
.flex2rem {
gap: 2rem;
display: flex;
flex-direction: column;
}
.flex-row {
display: flex;
align-items: center;
flex-direction: row;
justify-content: flex-start;
}
.mes-country-list {
gap: 0.45rem;
border: 1px solid rgba(43, 61, 58, 0.18);
display: grid;
padding: 0.5rem;
background: #fffdf9;
margin-top: 0.55rem;
max-height: 18rem;
overflow-y: auto;
border-radius: 0.75rem;
scrollbar-gutter: stable;
}
.mes-country-option {
color: inherit;
width: 100%;
border: 1px solid transparent;
cursor: pointer;
padding: 0.65rem 0.75rem;
background: transparent;
text-align: left;
border-radius: 0.55rem;
}
.mes-country-option:hover {
background: rgba(227, 241, 236, 0.72);
border-color: rgba(43, 140, 107, 0.42);
}
.mes-country-option[aria-selected="true"] {
background: rgba(227, 241, 236, 0.72);
border-color: rgba(43, 140, 107, 0.42);
}
.mes-country-status {
margin-top: 0.75rem;
}
.mes-field-help {
color: rgba(43, 61, 58, 0.76);
margin: 0.45rem 0 0.7rem;
font-size: 0.95rem;
line-height: 1.55;
}
.mes-check--self-billing {
align-items: flex-start;
}
.mes-check--vat {
align-items: flex-start;
}
.faq-groups {
min-width: 0;
border-left: 2px solid var(--line-strong, rgba(36, 26, 34, 0.2));
padding-left: clamp(1.5rem, 4vw, 3.5rem);
}
.faq-group +.faq-group {
border-top: 1px solid var(--line, rgba(36, 26, 34, 0.12));
padding-top: 3rem;
}
.mes-check-copy {
gap: 1rem;
flex: 1 1 auto;
display: flex;
min-width: 0;
flex-direction: column;
}
.rg-card__step-circle {
color: var(--terra);
width: 26px;
border: 1px solid var(--line-strong);
height: 26px;
display: flex;
font-size: 14px;
font-style: italic;
align-items: center;
flex-shrink: 0;
font-family: var(--font-heading);
border-radius: 50%;
justify-content: center;
}
.promo-code {
color: var(--ink);
margin: 0 0 12px;
font-size: 24px;
font-family: var(--font-heading);
overflow-wrap: anywhere;
letter-spacing: 0.08em;
}
.offer-tabs {
gap: 10px;
margin: 0 0 24px;
}
.offer-rule-list {
color: var(--ink);
margin: 0 0 18px;
padding: 0 0 0 20px;
font-size: 15px;
line-height: 1.6;
}
.offer-promo-grid {
gap: 20px;
margin: 0 0 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.offer-report-list {
margin: 0 0 18px;
}
.offer-report-options {
gap: 10px;
margin: 0 0 18px;
display: flex;
flex-direction: column;
}
.offer-promo-card {
gap: 14px;
border: 1px solid var(--line);
display: flex;
padding: 24px;
min-width: 0;
background: var(--paper);
border-radius: var(--radius-lg);
flex-direction: column;
}
.offer-form-grid {
gap: 16px;
margin: 0 0 16px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.offer-report-row {
gap: 6px;
cursor: pointer;
display: flex;
padding: 14px 0;
border-top: 1px solid var(--line);
flex-direction: column;
}
.offer-promo-card__title {
color: var(--ink);
margin: 0;
font-size: 22px;
font-family: var(--font-heading);
font-weight: 400;
overflow-wrap: anywhere;
}
.offer-promo-card__figures {
gap: 10px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.offer-promo-card__choices {
gap: 8px;
}
.offer-promo-card__free {
max-width: 280px;
}
.offer-report-row__name {
color: var(--ink);
margin: 0;
font-size: 16px;
font-weight: 600;
}
.offer-report-row__price {
color: var(--muted);
margin: 0;
font-size: 14px;
}
.offer-promo-card__figure {
padding: 12px;
background: var(--cream);
border-radius: var(--radius-md);
}
.offer-promo-card__figure-label {
color: var(--muted);
margin: 0 0 4px;
font-size: 12px;
line-height: 1.4;
}
.offer-promo-card__figure-value {
color: var(--ink);
margin: 0;
font-size: 18px;
font-weight: 600;
overflow-wrap: anywhere;
}
.offer-rule-list li {
margin: 0 0 8px;
}
.offer-price-choice {
gap: 10px;
border: 0;
margin: 0 0 16px;
display: flex;
padding: 0;
min-width: 0;
flex-direction: column;
}
.of-offer__about {
margin: 0 0 12px;
padding: 0 18px;
border-bottom: 1px solid var(--line);
}
.offer-report-row__head {
gap: 10px;
display: flex;
align-items: center;
}
.offer-price-choice__option {
padding: 8px 10px;
transition: background-color 0.2s ease, box-shadow 0.2s ease;
border-radius: var(--radius-md);
}
.of-offer__about-toggle {
color: var(--ink);
cursor: pointer;
padding: 12px 0;
list-style: none;
font-weight: 600;
}
.of-offer__about-text {
color: var(--muted);
margin: 0 0 8px;
font-size: 14px;
line-height: 1.6;
}
.of-offer__about-link {
color: var(--terra);
font-size: 14px;
text-decoration: underline;
text-underline-offset: 3px;
}
.of-offer__final-label {
color: var(--muted);
display: block;
font-size: 12px;
line-height: 1.4;
}
.of-offers-tiles .of-offer {
display: flex;
min-width: 0;
flex-direction: column;
}
.of-offers-tiles .of-offer__body {
flex: 1 1 auto;
}
.of-offer__about-toggle::-webkit-details-marker {
display: none;
}
.offer-price-choice__option.is-highlight {
background: var(--cream);
box-shadow: 0 0 0 2px var(--terra);
}
.Content {
font-size: 16px;
font-family: Inter;
font-weight: 400;
line-height: 1.15;
text-transform: none;
text-decoration: none;
}
@media(max-width: 1200px) {
.bs-preview {
height: calc(100vh - 194px);
min-height: calc(100vh - 194px);
}
.bs-settings {
top: 130px;
max-width: calc(100vw - 24px);
}
.bs-body {
width: calc(100% - 32px);
}
.bs-btn-primary {
padding: 0 14px;
font-size: 12px;
}
.nvx-preview-strip {
top: 6px;
right: auto;
width: auto;
margin: 12px 0 16px 0;
padding: 0 12px;
z-index: auto;
position: static;
max-width: none;
justify-content: center;
}
.bs-bar__preview {
flex: 1 1 100%;
padding: 0 12px;
}
.bs-tab {
height: 46px;
padding: 0 12px;
}
.bs-bar__tools {
padding: 8px 12px;
min-height: 0;
justify-content: center;
}
.bs-bar__statebox {
max-width: none;
}
.nvs-body {
grid-template-columns: 76px minmax(280px, 330px) minmax(0, 1fr);
}
.nvs-rail__label {
font-size: 10px;
}
}
@media(max-width: 991px) {
.section {
padding: 96px 0;
}
.site-header__bar {
gap: 16px;
}
.nav-main {
gap: 20px;
display: none;
}
.nav-side {
gap: 14px;
display: none;
}
.nav-toggle-label {
display: inline-flex;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
}
.section-head-split {
gap: 20px;
grid-template-columns: 1fr;
}
.hero-grid {
gap: 40px;
grid-template-columns: minmax(0, 1fr);
}
.hero-stage {
width: 100%;
min-width: 0;
}
.marquee {
width: 100%;
overflow: hidden;
max-width: 100%;
}
.marquee__track {
max-width: none;
flex-shrink: 0;
}
.feature-row {
gap: 48px;
margin-top: 96px;
grid-template-columns: 1fr;
}
.feature-row.is-reversed {
gap: 48px;
margin-top: 96px;
grid-template-columns: 1fr;
}
.feature-row.is-reversed > :first-child {
order: 0;
}
.feature-row.is-reversed> :first-child {
order: 0;
}
.pricing-grid {
gap: 56px;
grid-template-columns: minmax(0, 1fr);
}
.stepper {
gap: 0;
grid-template-columns: 1fr;
}
.stepper::before {
top: 31px;
left: 31px;
right: auto;
width: 1px;
bottom: 60px;
height: auto;
}
.stepper::after {
transform: scaleY(0);
transform-origin: top;
}
.stepper.is-in::after {
transform: scaleY(1);
}
.stepper.stepper--3 {
gap: 0;
max-width: 560px;
grid-template-columns: 1fr;
}
.stepper.stepper--3::before {
left: 31px;
right: auto;
}
.stepper.stepper--3::after {
left: 31px;
right: auto;
}
.step {
gap: 0 22px;
display: grid;
text-align: left;
padding-bottom: 28px;
grid-template-columns: 62px 1fr;
}
.step__num {
margin: 0;
grid-row: span 2;
}
.step__title {
margin-top: 14px;
}
.duo-grid {
grid-template-columns: 1fr;
}
.teaser {
gap: 40px;
padding: 40px;
grid-template-columns: 1fr;
}
.teaser .cover {
max-width: 220px;
}
.model-steps {
grid-template-columns: 1fr;
}
.faq-layout {
grid-template-columns: minmax(0, 1fr);
}
.faq-layout >* {
width: 100%;
max-width: 100%;
min-width: 0;
}
.faq-nav {
width: 100%;
position: relative;
min-width: 0;
}
.faq-search {
width: 100%;
display: block;
max-width: 100%;
min-width: 0;
}
.faq-cats {
max-width: 100vw;
min-width: 0;
}
.faq-group__title {
border-left-width: 0.3rem;
}
.link-cards {
grid-template-columns: 1fr;
}
.hero-copy {
width: 100%;
min-width: 0;
}
.footer-end {
gap: 18px;
width: 100%;
justify-content: space-between;
}
.lang-switch__menu {
max-width: calc(100vw - 24px);
}
.legal-layout {
gap: 32px;
grid-template-columns: 1fr;
}
.legal-toc {
top: 0;
padding: 20px;
position: relative;
background: var(--cream);
border-radius: var(--radius-md);
}
.bs-preview {
inset: 0;
height: 100dvh;
padding: 16px;
z-index: 50;
position: fixed;
background: #f4efe7;
}
.bs-preview[hidden] {
display: none;
}
.bs-settings {
width: 100%;
height: auto;
overflow: visible;
position: static;
max-width: none;
}
.nvx-preview-strip {
width: min(1360px, calc(100% - 24px));
justify-content: flex-start;
}
.sales-card {
width: 100%;
min-width: 0;
}
.sales-grid {
grid-template-columns: minmax(0, 1fr);
}
.sales-grid >* {
width: 100%;
min-width: 0;
}
.sales-tablewrap {
width: 100%;
display: block;
max-width: 100%;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
}
.nv-formulaire-card {
padding: 24px;
}
.nv-shell-hero {
grid-template-columns: minmax(0, 1fr);
}
.nv-zone-formulaire-sans-contour {
padding: 20px;
}
.nv-cart-heading {
gap: 0.5rem;
align-items: flex-start;
flex-direction: column;
}
.nv-zone-formulaire-sans-contour2 {
padding: 0 20px;
}
.nv-shell-header {
position: relative;
}
.nv-shell-header__inner {
gap: 18px;
min-height: 78px;
}
.nv-shell-header__rowtwo {
display: none;
}
.nv-shell-header__nav {
gap: 18px;
display: none;
}
.nv-burger {
display: inline-flex;
}
.nv-shell-header__brand {
gap: 10px;
display: inline-flex;
align-items: center;
}
.nv-shell-header__logo {
max-width: 180px;
max-height: 52px;
}
.nv-shell-header__logo--desktop {
display: none;
}
.nv-shell-header__logo--mobile {
display: block;
}
.nv-shell-header__brand-name {
font-size: 15px;
}
.nv-cart-choice-card-text {
font-size: var(--nv-font-size-body-mobile);
}
.nv-formula-date-row {
grid-template-columns: 1fr;
}
.ins-choices--3 {
grid-template-columns: 1fr;
}
.calc-grid {
gap: 40px;
grid-template-columns: minmax(0, 1fr);
}
.calc {
width: 100%;
min-width: 0;
}
.calc__row {
display: grid;
align-items: start;
grid-template-columns: minmax(0, 1fr) auto;
}
.calc__label {
min-width: 0;
overflow-wrap: anywhere;
}
.calc__value {
min-width: 0;
text-align: right;
white-space: normal;
overflow-wrap: anywhere;
}
.calc__total {
display: grid;
align-items: start;
grid-template-columns: minmax(0, 1fr) auto;
}
.calc__total-label {
min-width: 0;
overflow-wrap: anywhere;
}
.calc__total-value {
min-width: 0;
text-align: right;
white-space: normal;
overflow-wrap: anywhere;
}
.nvs-topbar {
row-gap: 10px;
grid-template-areas: "left" "right" "center";
grid-template-columns: minmax(0, 1fr);
}
.nvs-topbar__left {
grid-area: left;
}
.nvs-topbar__center {
flex-wrap: wrap;
grid-area: center;
justify-content: space-between;
}
.nvs-topbar__right {
flex-wrap: wrap;
grid-area: right;
justify-content: flex-start;
}
.nvs-drawer-toggle {
display: inline-flex;
align-items: center;
}
.nvs-body {
position: relative;
grid-template-rows: auto minmax(0, 1fr);
grid-template-columns: 1fr;
}
.nvs-body.is-drawer-open .nvs-panel {
transform: none;
}
.nvs-body.is-drawer-open::after {
inset: 0;
content: "";
z-index: 55;
position: fixed;
background: rgba(43, 38, 34, 0.3);
}
.nvs-rail {
gap: 2px;
padding: 6px 8px;
overflow-x: auto;
flex-direction: row;
}
.nvs-rail button {
flex: 0 0 auto;
padding: 8px 6px;
min-width: 74px;
}
.nvs-panel {
top: 0;
left: 0;
width: min(400px, 92vw);
bottom: 0;
z-index: 60;
position: fixed;
transform: translateX(-104%);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
border-right: 0;
}
.nvs-stage {
grid-template-rows: minmax(0, 1fr);
}
.nvs-canvas {
padding: 18px 12px 60px;
}
.of-offers-tiles {
grid-template-columns: minmax(0, 1fr);
}
.pmenu-bar {
padding: 10px 16px;
min-height: 64px;
}
.pmenu-main {
display: none;
}
.pmenu-user {
display: none;
}
.pmenu-burger {
display: flex;
}
.pmenu-mark {
width: 42px;
height: 42px;
}
.pmenu-brand-name {
font-size: 18px;
}
.cnq-preview {
top: 0;
left: auto;
right: 0;
width: min(94vw, 520px);
bottom: 0;
height: 100dvh;
margin: 0;
display: flex;
padding: 16px;
z-index: 1100;
overflow: auto;
position: fixed;
transform: translateX(100%);
box-sizing: border-box;
transition: transform 0.35s ease, visibility 0.35s ease;
visibility: hidden;
border-width: 0 0 0 1px;
border-radius: 0;
flex-direction: column;
}
.cnq-preview-close {
display: inline-flex;
}
.cnq-preview-toggle {
top: 50%;
font: inherit;
color: var(--paper);
right: 0;
border: none;
cursor: pointer;
display: block;
padding: 16px 10px;
z-index: 1000;
position: fixed;
font-size: 14px;
transform: translateY(-50%);
background: var(--plum);
box-shadow: -6px 10px 24px rgba(58, 36, 52, 0.18);
font-weight: 600;
writing-mode: vertical-rl;
border-radius: 14px 0 0 14px;
letter-spacing: 0.04em;
}
.faq-groups {
border-left: 0;
padding-left: 0;
}
}
@media(max-width: 767px) {
.section {
padding: 80px 0;
}
.section-sm {
padding: 64px 0;
}
.form-row {
grid-template-columns: 1fr;
}
.footer-grid {
gap: 36px;
grid-template-columns: 1fr 1fr;
}
.footer-grid > :first-child {
grid-column: 1 / -1;
}
.faq-item summary {
font-size: 17px;
}
.faq-item > p {
padding-right: 0;
}
.faq-item .faq-body {
padding-right: 0;
}
.faq-item >p {
padding-right: 0;
}
.section-head {
margin-bottom: 44px;
}
.hero {
padding: 40px 0 72px;
}
.hero-stage {
height: 470px;
margin-bottom: 84px;
}
.hero-stage .wheel {
width: 460px;
height: 460px;
margin: -230px 0 0 -230px;
}
.hero-stage .cover-back {
top: 90px;
width: 44%;
}
.hero-stage .cover-main {
right: 2%;
width: 56%;
}
.hero-stage .hs-mail {
top: auto;
left: 0;
right: 0;
width: auto;
bottom: -78px;
}
.site-widget {
width: 76%;
bottom: 12px;
padding: 18px;
}
.site-widget__title {
font-size: 15px;
}
.hero-cursor {
display: none;
}
.sale-toast {
left: 0;
padding: 10px 14px 10px 10px;
}
.marquee-label {
padding: 0 var(--gutter);
letter-spacing: 0.12em;
}
.range-grid {
gap: 18px;
margin: 0 calc(var(--gutter) * -1);
display: flex;
padding: 8px var(--gutter) 24px;
overflow-x: auto;
scrollbar-width: none;
scroll-snap-type: x mandatory;
}
.range-item {
flex: 0 0 72%;
scroll-snap-align: center;
}
.disciplines {
grid-template-columns: 1fr 1fr;
}
.benefit-grid {
grid-template-columns: 1fr;
}
.benefit {
padding: 32px 0 24px;
border-left: 0;
}
.benefit + .benefit {
padding: 32px 0 24px;
border-left: 0;
}
.benefit +.benefit {
border-top: 1px solid var(--line);
}
.benefit__num {
font-size: 56px;
margin-bottom: 16px;
}
.price-cards {
grid-template-columns: 1fr;
}
.price-card {
min-width: 0;
}
.price-card__value {
white-space: normal;
overflow-wrap: anywhere;
}
.simulator {
padding: 26px 22px;
}
.sim-result__value {
flex-wrap: wrap;
font-size: clamp(34px, 9vw, 44px);
overflow-wrap: anywhere;
}
.sim-breakdown__row {
gap: 12px;
}
.sim-breakdown__row span:last-child {
text-align: right;
}
.flow {
margin-top: 48px;
}
.flow__line {
left: 11px;
}
.flow__fill {
left: 11px;
}
.flow-step {
width: 100%;
padding: 0 0 36px 48px;
text-align: left;
margin-left: 0;
}
.flow-step + .flow-step {
margin-top: 0;
}
.flow-step +.flow-step {
margin-top: 0;
}
.flow-step__dot {
left: 0;
right: auto;
}
.flow-step__title {
font-size: 21px;
}
.widget-preview {
padding: 22px 20px;
}
.widget-preview__body {
gap: 18px;
grid-template-columns: 0.6fr 1fr;
}
.widget-preview__title {
font-size: 19px;
}
.widget-preview__text {
display: none;
}
.dash-grid {
grid-template-columns: minmax(0, 1fr);
}
.dash-kpis {
gap: 8px;
}
.kpi {
padding: 12px;
}
.kpi__value {
font-size: 21px;
}
.dash-row {
grid-template-columns: 1fr auto;
}
.dash-row .status-pill {
display: none;
}
.info-card {
padding: 30px 24px;
}
.audience-grid {
grid-template-columns: minmax(0, 1fr);
}
.cta-final {
padding: 104px 0;
}
.page-hero {
padding: 64px 0 72px;
}
.toc-item {
gap: 16px;
grid-template-columns: 44px 1fr;
}
.teaser {
padding: 30px 24px;
}
.never-grid {
grid-template-columns: 1fr;
}
.faq-cats {
gap: 8px;
margin: 0 calc(var(--gutter) * -1);
flex-wrap: nowrap;
overflow-x: auto;
padding-left: var(--gutter);
padding-right: var(--gutter);
padding-bottom: 6px;
scrollbar-width: none;
}
.faq-cats a {
flex-shrink: 0;
white-space: nowrap;
}
.needs-grid {
grid-template-columns: 1fr;
}
.needs-grid.is-three {
grid-template-columns: 1fr;
}
.form-card {
padding: 26px 20px;
}
.platform-body {
padding-left: 0;
}
.flow__steps > .flow-step:nth-child(odd) {
width: 100%;
padding: 0 0 36px 48px;
text-align: left;
margin-left: 0;
}
.flow__steps > .flow-step:nth-child(odd) .flow-step__dot {
left: 0;
right: auto;
}
.bs-settings {
left: 0;
right: 0;
width: 100%;
padding: 16px;
max-width: 100%;
border-radius: 20px;
}
.bs-font-list {
max-height: 200px;
}
.bs-body {
width: calc(100% - 24px);
}
.bs-btn-primary {
min-height: 36px;
}
.acc-section {
padding: 24px 18px;
}
.acc-savebar {
top: 72px;
}
.acc-grid2 {
grid-template-columns: 1fr;
}
.acc-vat-check {
grid-template-columns: 1fr;
}
.acc-vat-check .acc-field--action {
width: 100%;
}
.acc-vat-check .acc-field--action button {
width: 100%;
}
.nvx-preview-strip {
min-width: 980px;
}
.bs-bar__tools {
gap: 10px;
}
.bs-bar__publish {
flex-wrap: wrap;
}
.bs-bar__statebox {
max-width: 100%;
}
.partner-hero {
padding: 48px 0 24px;
}
.partner-help {
align-items: flex-start;
flex-direction: column;
}
.auth-layout {
grid-template-columns: minmax(0, 1fr);
}
.auth-aside {
padding: 44px 20px;
}
.auth-main {
padding: 48px 20px 64px;
}
.sales-filters {
padding: 22px 18px;
}
.sales-filters__row--grid {
grid-template-columns: 1fr 1fr;
}
.sales-filters__row--grid > :last-child {
grid-column: 1 / -1;
}
.sales-kpis {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sales-card {
padding: 22px 18px;
}
.sales-chart-card {
padding: 22px 18px;
}
.sales-table {
width: 100%;
min-width: 100%;
table-layout: fixed;
}
.sales-table th {
white-space: nowrap;
}
.sales-table td {
white-space: nowrap;
}
.sales-table .num {
white-space: normal;
}
.sales-table .status[data-status] {
white-space: normal;
}
.sales-table .status {
white-space: normal;
}
.sales-threshold__head {
flex-direction: column;
}
.nv-shell-panel {
padding: 20px;
}
.RevendeurH2 {
font-size: var(--nv-font-size-heading2-mobile);
}
.nv-legal-section-block {
padding-left: 14px;
}
.RevendeurLabel {
font-size: var(--nv-font-size-label-mobile);
}
.nv-shell-eyebrow {
font-size: var(--nv-font-size-body-small-mobile);
}
.RevendeurH1 {
font-size: var(--nv-font-size-heading-hero-mobile);
}
.RevendeurBody {
font-size: var(--nv-font-size-body-mobile);
}
.RevendeurH3 {
font-size: var(--nv-font-size-heading3-mobile);
}
.nv-formulaire-card {
padding: 18px;
margin-top: 2rem;
margin-bottom: 2rem;
}
.CTA-zone-vertical {
gap: 1rem;
flex-direction: column;
}
.nv-shell-hero__main {
padding: 20px;
}
.nv-shell-hero__main::before {
display: none;
}
.nv-shell-hero__main::after {
display: none;
}
.nv-shell-steps {
padding: 20px;
}
.RevendeurButton {
width: 100%;
padding: 0 20px;
font-size: var(--nvt-button-size-m);
min-width: 0;
min-height: 44px;
white-space: normal;
}
.nv-zone-formulaire-sans-contour {
padding: 1rem;
}
.listephrases {
padding: 0 1rem;
}
.nv-shell-steps__title {
font-size: var(--nv-font-size-body-small-mobile);
}
.nv-cart-modal-overlay {
padding: 1rem;
}
.nv-formulaire-confirm-line {
gap: 6px;
flex-direction: column;
}
.field {
position: relative;
}
.nv-formulaire-confirm-value {
text-align: left;
}
.nv-zone-formulaire-sans-contour2 {
padding: 0 1rem;
}
.RevendeurPrix {
font-size: var(--nv-price-size-mobile);
}
.nv-info-bulle {
font-size: var(--nv-font-size-body-small-mobile);
}
.nv-formulaire-date-row {
gap: 8px;
flex-direction: row;
grid-template-columns: 1fr;
}
.radio-option3 {
gap: 0.5rem;
height: 30px;
align-items: center;
}
.nombre-recap2 {
font-size: nv-font-size-body-mobile;
}
.RevendeurProduitPanier {
font-size: var(--nv-product-size-mobile);
text-align: center;
}
.nv-product__title {
font-size: 30px;
}
.RevendeurWidgetProduit {
font-size: var(--nv-widget-product-title-size-mobile);
}
.nv-shell-header__inner {
width: min(100%, calc(100% - 24px));
min-height: 72px;
}
.nv-shell-header__nav {
gap: 14px;
display: none;
}
.nv-burger {
display: inline-flex;
}
.nv-shell-header__logo--desktop {
display: none;
}
.nv-shell-header__logo--mobile {
display: block;
}
.pop-up {
padding: 1rem;
}
.nv-cart-modal-box {
padding: 1.25rem;
max-width: 560px;
max-height: calc(100dvh - 1.5rem);
}
.nv-cart-modal-box .nv-cart-fields-grid {
grid-template-columns: 1fr;
}
.nv-cart-modal-box .nv-cart-choice-grid {
grid-template-columns: 1fr;
}
.nv-cart-modal-box .nv-cart-gift-grid {
grid-template-columns: 1fr;
}
.nv-cart-modal-box .nv-cart-modal-actions {
flex-direction: column-reverse;
}
.nv-cart-modal-box .nv-cart-modal-actions .RevendeurButton {
flex: 0 0 auto;
width: 100%;
}
.nv-cart-choice-grid {
grid-template-columns: 1fr;
}
.nv-cart-gift-grid {
grid-template-columns: 1fr;
}
.nv-formula-date-row {
gap: 8px;
}
.nv-wg__head {
text-align: left;
align-items: flex-start;
}
.nv-wg__trust {
justify-content: flex-start;
}
.nv-wg__steps-list {
display: flex;
flex-direction: column;
}
.nv-shell .nv-shell-panel__text {
font-size: var(--nv-font-size-body-mobile);
}
.nv-shell.nv-partner-shell {
padding: 20px 12px 56px;
}
.nv-shell-h3.nv-shell-h3 {
font-size: var(--nvt-shell-h3-size-m);
}
.nv-wg__eyebrow::after {
display: none;
}
.nvc__inner {
gap: 22px;
}
.nvc-line {
padding: 14px;
}
.nvc-line:not(.is-selected) .nvc-line__main {
grid-template-areas: "info actions";
grid-template-columns: minmax(0, 1fr) auto;
}
.nvc-line:not(.is-selected) .nvc-line__actions {
justify-content: flex-end;
}
.nvc-line__main {
grid-template-areas: "info info" "actions price";
grid-template-columns: minmax(0, 1fr) auto;
}
.nvc-line__info {
grid-area: info;
}
.nvc-line__name {
width: 100%;
}
.nvc-line__actions {
grid-area: actions;
justify-self: center;
justify-content: flex-start;
}
.nvc-line__price {
grid-area: price;
}
.nvc-promo__row {
flex-direction: column;
}
.nvc-promo__apply {
width: 100%;
}
.nvc__summary {
padding: 16px;
}
.ins-choices {
grid-template-columns: 1fr;
}
.ins-code {
align-items: stretch;
flex-direction: column;
}
.of-range__scale {
padding: 0;
}
.of-figures {
grid-template-columns: 1fr;
}
.of-savebar {
align-items: stretch;
flex-direction: column;
}
.of-offer__head {
padding: 18px;
flex-wrap: wrap;
}
.of-offer__name {
font-size: 26px;
}
.of-offer__price {
width: 100%;
padding-left: 40px;
}
.nvf__inner {
padding: 24px 16px;
}
.nvf__links {
gap: 10px;
align-items: center;
flex-direction: column;
}
.pd-grid {
grid-template-columns: minmax(0, 1fr);
}
.pd-client {
width: auto;
margin: 18px 0 0;
}
.pd-body {
padding: 22px 20px 24px;
}
.bd-chrome__title {
display: none;
}
.demo-steps--row {
gap: 10px;
margin-top: 28px;
grid-template-columns: 1fr;
}
.bd-body {
grid-template-columns: minmax(0, 1fr);
}
.bd-controls {
gap: 22px;
padding: 22px 20px;
grid-template-columns: 1fr;
}
.how-grid {
grid-template-columns: minmax(0, 1fr);
}
.how-note {
margin-top: 28px;
}
.how-card {
padding: 26px 22px;
}
.nothing-card {
padding: 28px 24px;
margin-top: 48px;
grid-template-columns: minmax(0, 1fr);
}
.nothing-card__text {
font-size: 16px;
}
.key-grid {
gap: 22px;
grid-template-columns: 1fr;
}
.hs-window {
top: 52px;
width: 96%;
}
.hs-window__page {
padding: 14px 14px 18px;
}
.hs-window__nav {
margin-bottom: 22px;
}
.hs-module {
padding: 22px 16px 16px;
}
.hs-module__body {
gap: 14px;
}
.hs-module__cover {
width: 66px;
}
.hs-module__title {
font-size: 16px;
}
.hs-module__price {
margin: 4px 0 10px;
font-size: 19px;
}
.hs-mail {
width: 260px;
bottom: 50px;
padding: 12px 14px;
}
.hs-sale {
padding: 10px 14px 10px 10px;
}
.hs-sale__amount {
font-size: 18px;
}
.hs-step {
font-size: 12px;
}
.hs-step:not(.is-active) .hs-step__label {
display: none;
}
.hs-step:not(.is-active) {
padding-right: 6px;
}
.calc {
padding: 4px 20px 20px;
}
.calc__row {
gap: 12px;
padding: 14px 0;
}
.calc__label {
font-size: 14px;
}
.calc__value {
font-size: 16px;
}
.calc__total {
padding: 16px 18px;
}
.calc__total-value {
font-size: 28px;
}
.rg-ladder {
display: flex;
flex-direction: column;
}
.rg-card {
gap: 2rem;
flex-direction: row;
}
.rg-card__desc {
flex: none;
}
.rh {
padding: 40px 0 72px;
}
.rh__stage {
height: 400px;
}
.rh__glow {
width: 300px;
height: 300px;
margin: -150px 0 0 -150px;
}
.cmp__note {
text-align: center;
align-items: center;
flex-direction: column;
}
.cmp__head {
grid-template-columns: minmax(0, 1fr) 84px 84px;
}
.cmp__row {
grid-template-columns: minmax(0, 1fr) 84px 84px;
}
.cmp__foot {
display: none;
}
.cmp__corner {
padding: 16px;
}
.cmp__col {
display: flex;
padding: 18px 8px 14px;
align-items: center;
flex-direction: column;
}
.cmp__col.is-premium .cmp__short {
color: var(--on-dark);
}
.cmp__label {
padding: 16px;
}
.cmp__mark {
min-height: 64px;
}
.cmp__mark::before {
width: 26px;
height: 26px;
}
.cmp__mini {
width: 26px;
height: 36px;
margin-bottom: 8px;
}
.cmp__tag {
display: none;
}
.cmp__name {
display: none;
}
.cmp__short {
color: var(--ink);
display: block;
font-size: 15px;
font-family: var(--font-heading);
}
.cmp__pitch {
display: none;
}
.cmp__label-title {
font-size: 15px;
}
.cmp__label-desc {
font-size: 13px;
}
.ap-hero {
padding: 40px 0 64px;
}
.ap-orbit {
max-width: 340px;
}
.ap-node {
padding: 10px 14px;
}
.ap-node--core {
width: 128px;
height: 128px;
}
.ap-node--core .ap-node__title {
font-size: 13px;
}
.ap-node__title {
font-size: 16px;
}
.ap-proofs {
margin-top: 48px;
grid-template-columns: 1fr;
}
.ap-proof {
padding: 22px 0 0;
border-left: 0;
}
.ap-proof + .ap-proof {
padding: 22px 0 0;
border-left: 0;
}
.ap-mission__lead {
padding-left: 18px;
}
.ap-brand {
padding: 32px 26px;
}
.ap-brand__name {
font-size: 28px;
}
.ap-ops__list {
padding-left: 48px;
}
.ap-ops__line {
left: 10px;
}
.ap-op__dot {
left: -45px;
}
.ap-op__title {
font-size: 22px;
}
.ap-founder__ring {
width: 210px;
height: 210px;
margin-left: -105px;
}
.ap-founder__monogram {
width: 170px;
height: 170px;
}
.ap-founder__monogram::before {
font-size: 74px;
}
.ap-commits__grid {
grid-template-columns: 1fr;
}
.ap-mission__body .body-text {
padding-left: 18px;
}
.vrf-country-summary {
padding: 14px;
}
.vrf-grid {
grid-template-columns: 1fr;
}
.vrf-country-editor__inner {
padding: 15px;
}
.ofsim-card {
padding: 22px;
}
.ofsim-title {
font-size: 24px;
}
.ofsim-result__amount {
font-size: 34px;
}
.ofsim-results {
grid-template-columns: 1fr;
}
.nvs-topbar {
padding: 10px 12px;
}
.nvs-back {
font-size: 12px;
}
.nvs-title {
max-width: 22ch;
}
.nvs-only-sm {
display: inline;
}
.nvs-badge {
display: none;
}
.nvs-hide-sm {
display: none;
}
.nvs-canvas {
padding: 12px 8px 60px;
}
.nvs-frame {
border-radius: 10px;
}
.nvs-floatbar {
left: 12px;
right: 12px;
justify-content: center;
}
.nvs-topbar__right .nvs-btn--small {
padding: 5px 9px;
}
.of-offer__aside {
width: 100%;
margin-left: 0;
justify-content: space-between;
}
.cnq-small-note {
display: block;
}
.cnq-doc-tab {
flex: 1 1 auto;
}
.cnq-doc-tab-on {
flex: 1 1 auto;
}
.cnq-group {
padding: 16px;
}
.cnq-validate {
padding: 16px;
}
.vignetteHome {
align-items: flex-start;
justify-content: flex-start;
}
.acc-payout-frequency .ins-choices {
grid-template-columns: 1fr;
}
}
@media(max-width: 479px) {
.site-header__bar {
gap: 16px;
padding-left: 20px;
padding-right: 20px;
}
.brand {
font-size: clamp(18px, 5vw, 21px);
}
.nav-mobile-panel {
padding-left: 20px;
padding-right: 20px;
}
.dash-kpis {
grid-template-columns: minmax(0, 1fr);
}
.legal-body {
padding: 28px 0 56px;
}
.bs-settings {
padding: 13px;
max-width: none;
}
.bs-group {
padding: 13px;
}
.bs-style-row {
gap: 8px;
flex-direction: column;
}
.bs-group__body {
padding: 11px 11px 13px;
}
.bs-body {
width: calc(100% - 20px);
}
.bs-bar__preview {
padding: 0 10px;
}
.bs-tab {
padding: 0 10px;
font-size: 12px;
}
.bs-bar__tools {
padding: 8px 10px;
}
.bs-cat__body {
padding: 2px 9px 12px;
}
.nv-shell-eyebrow {
font-size: var(--nv-font-size-label-mobile);
}
.nv-formulaire-card {
padding: 16px;
margin-top: 1rem;
margin-bottom: 1rem;
}
.nv-zone-formulaire-sans-contour {
padding: 1rem;
}
.listephrases {
padding: 0;
}
.nv-shell-steps__title {
font-size: var(--nv-font-size-label-mobile);
}
.nv-cart-heading {
padding: 0.5rem;
}
.nv-zone-formulaire-sans-contour2 {
padding: 1rem;
}
.nv-formulaire-input {
width: auto;
}
.nv-formulaire-date-row {
gap: 12px;
}
.nv-product__footer {
align-items: stretch;
}
.nv-product__title {
font-size: 27px;
}
.nv-shell-header__inner {
gap: 12px;
width: min(100%, calc(100% - 20px));
min-height: 68px;
}
.nv-shell-header__nav {
gap: 10px;
}
.nv-shell-header__logo--desktop {
display: none;
}
.nv-shell-header__logo--mobile {
display: block;
max-width: 138px;
max-height: 42px;
}
.nvc-line__main {
display: flex !important;
flex-direction: column !important;
}
.rg-card {
flex-direction: column-reverse;
}
.rg-card__name {
text-align: center;
}
.rg-card__desc {
text-align: center;
}
.vrf-country-summary .kyb-actions {
width: 100%;
}
.vrf-country-summary
.btn {
width: 100%;
justify-content: center;
}
.ofsim-card {
padding: 18px;
border-radius: 12px;
}
.ofsim-result {
padding: 18px;
}
.ofsim-row {
gap: 4px;
flex-direction: column;
}
.ofsim-row__value {
white-space: normal;
}
.nvm-page__cell {
padding: 0;
}
.nvm-shell {
border-radius: 0;
}
.nvm-brand {
padding: 26px 24px 22px 24px;
border-radius: 0;
}
.nvm-hero {
padding: 30px 24px 6px 24px;
}
.nvm-title {
font-size: 26px;
}
.nvm-content {
padding: 8px 24px 30px 24px;
}
.nvm-product__cell {
padding: 18px;
}
.nvm-product__name {
font-size: 20px;
}
.nvm-button {
display: block;
text-align: center;
}
.nvm-footer {
padding: 24px;
border-radius: 0;
}
.nvs-gate__card {
padding: 24px;
}
.nvs-topbar__center {
gap: 8px;
}
.nvs-panel {
width: 100vw;
}
.nvs-modal {
padding: 8px;
align-items: end;
}
.nvs-modal__card {
max-height: 92dvh;
border-radius: 16px 16px 0 0;
}
.nvs-devices button {
padding: 6px 9px;
}
.nvs-group .nvs-iconbtn {
width: 32px;
height: 32px;
}
.pacc-tiles {
grid-template-columns: minmax(0, 1fr);
}
.pacc-tile {
padding: 12px 14px;
}
.vignetteHome {
align-items: center;
}
}