/* Présenter les bénéfices en images ; ouvrir les explications à la demande. */
[hidden] { display: none !important; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.header-inner { gap: 18px; min-height: 82px; }
.tabs { gap: 0; }.tabs a { padding-inline: 14px; }
.sales-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; padding-block: 55px 60px; }
.sales-copy { min-width: 0; }.sales-copy .eyebrow { margin-bottom: 24px; font-size: 10px; }
.sales-copy h1 { font-size: clamp(42px,5.2vw,70px); }.sales-copy h1 span { color: var(--brand); }
.sales-copy .hero-description { font-size: 18px; line-height: 1.7; max-width: 430px; }
.sales-copy .hero-actions { display: flex; flex-wrap: wrap; gap: 10px 23px; margin-top: 28px; }
.hero-price { font-size: 12px; color: var(--mid); margin-top: 21px; line-height: 1.8; }.hero-price strong { color: var(--ink); }
.product-sales .product-brand { margin-bottom: 24px; }.product-sales .sales-copy > .eyebrow { margin-bottom: 17px; }
.product-sales { gap: 60px; }.product-sales h1 { font-size: clamp(40px,4.8vw,64px); }
.demo-wrap { min-width: 0; }.demo-disclaimer { color: var(--mid); font-size: 10px; letter-spacing: .025em; margin-bottom: 12px; text-align: center; }
.demo-stage { background: var(--soft); border: 1px solid color-mix(in srgb,var(--accent) 16%,transparent); border-radius: 28px; overflow: hidden; color: var(--ink); box-shadow: 0 22px 65px var(--shadow); }
.demo-panel { min-width: 0; }.demo-steps { display: none; gap: 7px; padding: 14px 18px 18px; background: var(--surface); border-top: 1px solid var(--line); }
.demo-stage.is-ready .demo-steps { display: flex; }.demo-steps button { min-width: 0; flex: 1; min-height: 44px; padding: 9px 7px; background: transparent; color: var(--mid); border: 1px solid var(--line); border-radius: 10px; font-size: 12px; line-height: 1.3; cursor: pointer; }
.demo-steps button[aria-pressed='true'] { color: var(--product-on); background: var(--accent); border-color: var(--accent); }
.demo-stage:not(.is-ready) [data-demo-step] { display: none; }
.tour-tabs { display: flex; border-bottom: 1px solid var(--line); margin-bottom: 17px; justify-content: space-between; gap: 5px; }
.tour-tabs a,.tour-tabs button { display: inline-flex; flex: 1; align-items: center; justify-content: center; gap: 7px; padding: 10px 4px; min-height: 47px; color: var(--mid); background: transparent; text-decoration: none; font-size: 13px; font-weight: 600; border: 0; border-bottom: 2px solid transparent; cursor: pointer; }
.tour-tabs .symbol { width: 23px; height: 23px; }.tour-tabs [aria-selected='true'] { color: var(--accent); border-color: var(--accent); }
.tour-panel { margin-bottom: 25px; }.is-enhanced .tour-panel { margin-bottom: 0; }.tour-link { display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--accent); padding: 9px; font-size: 12px; min-height: 44px; text-decoration: none; font-weight: 700; }
.suite-tour { min-width: 0; }
.promise-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; gap: 30px; justify-content: space-between; padding-block: 23px; color: var(--mid); font-size: 13px; }.promise-strip span:before { content: '✓'; padding-right: 11px; color: var(--brand); }
.sales-heading { margin-bottom: 34px; }.sales-heading .eyebrow { margin-bottom: 18px; }.sales-heading .text-link { margin-top: 16px; }
.discovery-section { padding-block: 70px; }.discovery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.discovery-card { display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: 10px; padding: 32px 20px 25px 32px; background: var(--soft); border-radius: 24px; min-width: 0; }
.discovery-copy h3 { font-size: 24px; line-height: 1.25; margin: 24px 0 13px; max-width: 260px; }.discovery-copy p { font-size: 13px; color: var(--mid); line-height: 1.75; max-width: 270px; }.discovery-copy .text-link { color: var(--accent); margin-top: 15px; }
.discovery-art { min-width: 0; transition: transform .2s ease; }.discovery-art .feature-art { background: transparent; padding: 0; }.discovery-art:hover { transform: translateY(-4px); }
.benefits-section { padding-block: 40px 65px; }.benefits-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }.benefit { text-decoration: none; min-width: 0; }.benefit .feature-art { border-radius: 20px; }.benefit-copy { display: block; padding-top: 21px; }.benefit-copy > strong { display: block; font-size: 21px; line-height: 1.35; }.benefit-copy > span:not(.text-link) { display: block; margin-top: 10px; color: var(--mid); font-size: 14px; }.benefit-copy .text-link { margin-top: 12px; color: var(--accent); }
.story-banner { display: flex; gap: 35px; padding-block: 36px 43px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); align-items: center; }.story-mark { font-size: 130px; line-height: .9; color: var(--accent); height: 80px; }.story-banner h2 { max-width: 790px; font-size: 34px; }.story-banner .text-link { margin-top: 13px; }
.product-closing { padding-block: 50px; }.product-closing .eyebrow { margin-bottom: 14px; }.product-closing p:last-child { font-size: 14px; }
.visual-heading { padding-block: 40px 33px; }.visual-heading h1 { font-size: 46px; margin-top: 15px; }.visual-heading > p:last-child { margin-top: 15px; font-size: 14px; }
.visual-explorer { display: grid; grid-template-columns: 225px minmax(0,1fr); gap: 42px; padding-bottom: 45px; align-items: start; }
.explorer-nav { display: flex; flex-direction: column; border-top: 1px solid var(--line); }.explorer-nav a,.explorer-nav button { min-height: 51px; display: flex; gap: 15px; padding: 15px 12px; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--mid); background: transparent; border: 0; border-bottom: 1px solid var(--line); text-align: left; cursor: pointer; line-height: 1.5; }
.explorer-nav a span,.explorer-nav button span { font-size: 10px; padding-top: 2px; color: var(--accent); }.explorer-nav [aria-selected='true'] { background: var(--soft); color: var(--accent); border-radius: 8px; }.explorer-nav button:hover { color: var(--accent); }
.visual-panel { margin-bottom: 30px; scroll-margin-top: 120px; }.is-enhanced .visual-panel { margin-bottom: 0; }
.visual-top { display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: var(--soft); padding: 27px 32px 27px 15px; gap: 20px; border-radius: 24px; min-height: 288px; }.visual-top h2 { font-size: 28px; line-height: 1.25; margin-top: 12px; }.visual-top p:not(.eyebrow) { font-size: 14px; color: var(--mid); line-height: 1.8; margin-top: 16px; }.example-label { display: block; font-size: 10px; color: var(--mid); margin-top: 17px; }
.feature-more { border-block: 1px solid var(--line); margin-top: 22px; padding-bottom: 0; }.feature-more[open] { padding-bottom: 25px; }.feature-more summary { padding: 18px 4px; display: flex; justify-content: space-between; gap: 10px; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }.feature-more summary::-webkit-details-marker { display: none; }.feature-more summary span { color: var(--accent); font-size: 21px; line-height: 1; }.feature-more[open] summary span { transform: rotate(45deg); }.feature-more .feature-lead { margin-top: 8px; }
.feature-art { background: var(--soft); min-width: 0; padding: 13px; overflow: hidden; }.feature-art svg { width: 100%; height: auto; }.feature-art text { fill: var(--ink); font-family: Manrope,system-ui,sans-serif; }.viz-number { font-size: 35px; font-weight: 700; text-anchor: middle; }.viz-label { font-size: 12px; text-anchor: middle; font-weight: 600; }.viz-copy { font-size: 12px; font-weight: 600; }
.viz-track { stroke: color-mix(in srgb,var(--accent) 14%,transparent); stroke-width: 10; }.viz-ring { stroke: var(--accent); stroke-width: 10; stroke-linecap: round; stroke-dasharray: 340 480; transform: rotate(-90deg); transform-origin: 160px 104px; }.viz-stroke { stroke: var(--accent); stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }.viz-grid { stroke: var(--line); }.viz-area { fill: color-mix(in srgb,var(--accent) 15%,transparent); }.viz-dot,.viz-active { fill: var(--accent) !important; }.viz-paper { fill: var(--surface); stroke: color-mix(in srgb,var(--accent) 15%,transparent); }.viz-track-fill { fill: color-mix(in srgb,var(--accent) 8%,transparent); }.viz-bold { stroke: var(--ink); stroke-width: 5; }.viz-scan { stroke: var(--accent); stroke-width: 3; }.viz-sun { fill: var(--land-sun); }.viz-hill-back { fill: var(--land-back); }.viz-hill-front { fill: var(--land-front); }.viz-road { stroke: var(--land-path); stroke-width: 12; }.viz-day { fill: var(--surface); }.viz-petal-0 { fill: var(--petal-one); }.viz-petal-1 { fill: var(--petal-two); }.viz-petal-2 { fill: var(--petal-three); }.viz-petal-3 { fill: var(--petal-four); }.viz-petal-4 { fill: var(--petal-five); }.viz-petal-5 { fill: var(--petal-six); }.viz-petal { stroke: var(--soft); stroke-width: 3; }.viz-plate { fill: var(--art-paper); }.viz-rim { stroke: var(--art-rim); stroke-width: 2; }.viz-leaf { fill: var(--art-leaf); }.viz-warm { fill: var(--art-warm); }.viz-grain { stroke: var(--art-grain); stroke-width: 4; stroke-linecap: round; }.viz-seed { fill: var(--art-seed); }
@media (max-width: 1100px) {
 .sales-hero { gap: 35px; }.sales-copy h1 { font-size: 52px; }.sales-copy .hero-description { font-size: 16px; }.tabs a { padding-inline: 9px; font-size: 13px; }.header-inner { gap: 10px; }.suite-brand { font-size: 23px; }
 .discovery-card { grid-template-columns: 1fr; padding: 25px; }.discovery-art { grid-row: 1; max-width: 280px; width: 100%; justify-self: center; }.discovery-copy h3 { max-width: none; margin-top: 17px; }.discovery-copy p { max-width: none; }
 .visual-explorer { gap: 25px; grid-template-columns: 195px minmax(0,1fr); }.visual-top { grid-template-columns: 1fr; padding: 20px; gap: 7px; }.visual-top .feature-art { max-width: 320px; width: 100%; justify-self: center; }.visual-top h2 { font-size: 27px; }
}
@media (max-width: 760px) {
 .header-inner { min-height: 0; }.tabs a { padding-inline: 7px; font-size: 11px; }.tabs { margin-top: 5px; }.sales-hero { grid-template-columns: 1fr; padding-block: 31px 32px; gap: 30px; }.sales-copy h1 { font-size: clamp(39px,8.8vw,58px); }.sales-copy .eyebrow { font-size: 9px; margin-bottom: 17px; }.sales-copy .hero-description { font-size: 15px; margin-top: 18px; max-width: 500px; }.sales-copy .hero-actions { margin-top: 19px; gap: 8px 18px; }.hero-actions .button { font-size: 12px; gap: 13px; }.hero-price { margin-top: 14px; font-size: 11px; }.suite-tour,.demo-wrap { width: 100%; max-width: 530px; justify-self: center; }.tour-tabs { margin-bottom: 11px; }.tour-tabs a,.tour-tabs button { font-size: 12px; gap: 6px; }.tour-tabs .symbol { width: 22px; height: 22px; }
 .product-sales .product-brand { display: none; }.product-sales .sales-copy .eyebrow { margin-bottom: 15px; }.demo-stage { border-radius: 23px; }.demo-steps { padding: 11px 12px 13px; gap: 5px; }.demo-steps button { font-size: 11px; }.demo-disclaimer { font-size: 9px; margin-bottom: 9px; }
 .promise-strip { gap: 10px; flex-direction: column; font-size: 12px; padding-block: 20px; }.discovery-section { padding-block: 40px; }.sales-heading { margin-bottom: 25px; }.sales-heading h2 { font-size: 32px; }.discovery-grid { grid-template-columns: 1fr; gap: 16px; }.discovery-card { grid-template-columns: 1.2fr 1fr; gap: 7px; padding: 24px 10px 21px 22px; }.discovery-art { grid-row: auto; }.discovery-copy h3 { font-size: 22px; }.discovery-copy p { font-size: 12px; }.discovery-copy .text-link { font-size: 12px; gap: 6px; }.discovery-copy .product-brand strong { font-size: 22px; }.discovery-copy .product-brand .symbol { width: 32px; height: 32px; }
 .benefits-section { padding-block: 28px 38px; }.benefits-grid { grid-template-columns: 1fr; gap: 23px; }.benefit { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 20px; align-items: center; }.benefit .feature-art { padding: 0; border-radius: 14px; }.benefit-copy { padding-top: 0; }.benefit-copy > strong { font-size: 18px; }.benefit-copy > span:not(.text-link) { font-size: 12px; margin-top: 7px; }.benefit-copy .text-link { font-size: 12px; margin-top: 4px; }
 .story-banner { gap: 15px; padding-block: 30px; }.story-mark { font-size: 85px; height: 65px; }.story-banner h2 { font-size: 26px; }.story-banner .text-link { font-size: 12px; }.product-closing h2 { font-size: 29px; }.product-closing p:last-child { font-size: 13px; }
 .visual-heading { padding-block: 29px 24px; }.visual-heading h1 { font-size: 36px; }.visual-heading > p:last-child { margin-top: 12px; font-size: 13px; }.visual-explorer { grid-template-columns: 1fr; gap: 20px; padding-bottom: 30px; }.explorer-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 11px; border: 0; }.explorer-nav button,.explorer-nav a { min-height: 46px; font-size: 12px; gap: 8px; padding: 11px 8px; }.visual-top { padding: 19px 23px 24px; border-radius: 20px; }.visual-top .feature-art { max-width: 245px; padding: 0; }.visual-top h2 { font-size: 28px; }.visual-top p:not(.eyebrow) { font-size: 13px; margin-top: 12px; }.feature-more summary { font-size: 13px; }.example-label { font-size: 9px; }.visual-top .eyebrow { font-size: 10px; }.story-panel .visual-top h2 { font-size: 23px; }
}
@media (max-width: 360px) { .tabs a { padding-inline: 5px; font-size: 10px; }.tour-tabs .symbol { width: 18px; height: 18px; }.tour-tabs button { font-size: 11px; gap: 4px; }.discovery-card { grid-template-columns: 1fr 100px; padding-left: 18px; }.discovery-copy h3 { font-size: 20px; }.benefit { grid-template-columns: 90px minmax(0,1fr); gap: 14px; }.visual-top { padding-inline: 19px; } }
@media (prefers-reduced-motion: reduce) { .discovery-art { transition: none; }.discovery-art:hover { transform: none; } }
@media print { .sales-hero { padding-block: 20px; }.demo-steps,.tour-tabs,.explorer-nav { display: none !important; }.visual-explorer { display: block; }.visual-panel[hidden] { display: block !important; } }