/* Rappli home v10 — styles extraits du HTML validé. Ordre de cascade préservé. */
:root{--navy:var(--rappli-navy);
 --blue:var(--rappli-blue);
 --ink:var(--rappli-ink);
 --muted:var(--rappli-muted);
 --line:var(--rappli-line);
 --line-strong:oklch(0.894071 0.020232 267.2754);
 --pale:oklch(0.939336 0.018703 265.9810);
 --surface:var(--rappli-surface);
 --green:var(--rappli-green);
 --green-bright:oklch(0.598938 0.127812 163.3656);
 --green-on-navy:oklch(0.718824 0.138305 165.3566);
 --white:var(--rappli-white);
 --bg:var(--white);--fg:var(--navy);--border:var(--line);--accent:var(--blue);
 --font-display:var(--font-sans);--font-body:var(--font-sans);
 --line-dark:color-mix(in oklch,var(--white) 18%,transparent);--text-on-navy:color-mix(in oklch,var(--white) 84%,var(--navy));
 --t-formula:clamp(36px,3.4vw,50px);--t-h2-compact:40px;--t-h3:27px;--t-h4:18px;--t-num:15px;--t-price:56px;--t-lead:20px;--t-body:17px;--t-small:15px;--t-eyebrow:12px;--t-button:15px;--t-pill:14px;
 --container:1200px;--gap:40px;--section-y:120px;--band-y:104px;--band-y-navy:112px;--overlap:0px;--heading-gap:56px;--radius-l:24px;--radius-m:16px;--radius-s:10px;--radius-pill:999px;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-family:var(--font-sans,'Nunito Sans',sans-serif)}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-sans,'Nunito Sans',sans-serif);font-size:var(--t-body);line-height:1.6;-webkit-font-smoothing:antialiased;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}
::selection{background:var(--pale);color:var(--navy)}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{color:var(--navy);text-wrap:balance}
h1{font-size:var(--t-display);font-weight:800;line-height:1.02;letter-spacing:-.025em}
h2{font-size:var(--t-h2);font-weight:700;line-height:1.1;letter-spacing:-.02em;max-width:640px}
h3{font-size:var(--t-h3);font-weight:700;line-height:1.25;letter-spacing:-.01em}
h4{font-size:var(--t-h4);font-weight:700;line-height:1.35}
p{text-wrap:pretty}
strong,b{font-weight:700}
button{font:inherit;cursor:pointer;touch-action:manipulation}
a,button,summary{-webkit-tap-highlight-color:transparent}
a{color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--navy)}
:is(a,button,summary,[tabindex='0']):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
section,[id^=panel-],#contenu{scroll-margin-top:96px}
.wrap{width:min(var(--container),calc(100% - 64px));margin-inline:auto}
.section{padding:var(--section-y) 0}
.section-heading>p:not(.eyebrow){max-width:620px;margin-top:20px;font-size:var(--t-lead);line-height:1.55;color:var(--muted)}
.eyebrow{font-size:var(--t-eyebrow);font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.icon{display:inline-block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:16px;z-index:50;transform:translateY(-180%);padding:12px 20px;background:var(--blue);color:var(--white);border-radius:var(--radius-s)}
.skip-link:focus{transform:none;color:var(--white)}
.site-header{position:sticky;top:0;z-index:20;height:73px;background:var(--white);border-bottom:1px solid var(--line);transition:background-color .2s,border-color .2s}
.header-inner{display:flex;align-items:center;gap:24px;height:72px;transition:background-color .2s,box-shadow .2s,border-radius .2s}
.brand{display:inline-flex;align-items:center;flex-shrink:0;width:122px;min-height:44px}
.brand img{width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;gap:18px;margin-left:auto}
.desktop-nav a,.login-link{font-size:15px;font-weight:600;line-height:1.35;color:var(--ink);text-decoration:none;white-space:nowrap}
.desktop-nav a:hover,.login-link:hover{color:var(--navy)}
.site-header :is(.desktop-nav,.mobile-panel) a[aria-current="location"]{color:var(--navy);text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:1.5px;text-underline-offset:6px;text-decoration-skip-ink:auto}
.header-actions{display:flex;align-items:center;gap:18px}
.site-header.is-scrolled{background:transparent;border-color:transparent}
.site-header.is-scrolled .header-inner{height:64px;margin-top:8px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 8px 0 20px;box-shadow:0 8px 24px color-mix(in oklch,var(--navy) 8%,transparent)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:var(--radius-s);font-size:var(--t-button);font-weight:700;line-height:1;text-align:center;text-decoration:none;transition:background-color .15s var(--ease),transform .15s var(--ease)}
.button-primary{background:var(--blue);color:var(--white)}
@media(hover:hover) and (pointer:fine){
.button-primary:hover{background:var(--navy);color:var(--white)}
}
.button-large{min-height:58px;padding-inline:28px;font-size:16px}
.button .icon,.text-link .icon{transition:transform .15s var(--ease)}
.button:active{transform:translateY(1px)}
.header-actions .button{min-height:44px;padding-inline:18px;font-size:15px;white-space:nowrap}
.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none}
.text-link:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.mobile-menu{display:none}
.mobile-menu summary{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;list-style:none;cursor:pointer}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary span{font-size:14px;font-weight:600;line-height:1.3;color:var(--navy)}
.mobile-panel{position:absolute;top:100%;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:12px;left:0;width:100%;padding:8px 32px 16px;background:var(--white);border-bottom:1px solid var(--line)}
.mobile-panel a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid var(--line);color:var(--ink);font-size:18px;font-weight:600;text-decoration:none}
.mobile-panel a:last-child{border-bottom:0}
.mobile-menu summary{border:1px solid transparent;border-radius:8px}
.mobile-menu[open] summary{background:var(--surface);border-color:var(--muted)}
.faq-section{background:var(--surface);padding:var(--band-y) 0}
.faq-layout{display:grid;grid-template-columns:4fr 7fr;gap:calc((var(--container) - 11 * var(--gap))/12 + var(--gap));align-items:start}
.faq-heading>.text-link{margin-top:24px}
.faq-list details{border-top:1px solid var(--line-strong)}
.faq-list details:last-child{border-bottom:1px solid var(--line-strong)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;padding:22px 0;list-style:none;font-size:18px;font-weight:700;line-height:1.35;color:var(--navy);cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--blue)}
.faq-list summary:focus-visible{outline-offset:2px;border-radius:6px}
.faq-list summary>:is(span,.icon){width:20px;height:20px;font-size:20px;line-height:1;flex-shrink:0;transition:transform .2s}
.faq-list details:not(.faq-enhanced)[open] summary>:is(span,.icon),.faq-list .faq-enhanced.is-open summary>:is(span,.icon){transform:rotate(45deg)}
.faq-content-inner{max-width:560px;min-height:0;overflow:hidden;color:var(--muted)}
.faq-content-inner>*{margin-right:40px}
.faq-content-inner p+p{margin-top:12px}
.faq-content-inner>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px}
.faq-content-inner>:last-child{margin-bottom:24px}
.faq-enhanced>.faq-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s var(--ease)}
.faq-enhanced.is-open>.faq-content{grid-template-rows:1fr}
.faq-instant>.faq-content{transition:none}
.closing-section{padding:112px 0 96px}
.closing-inner{background:var(--navy);border-radius:var(--radius-l);padding:96px 64px;text-align:center;color:var(--text-on-navy)}
.closing-inner h2{max-width:760px;color:var(--white);margin:auto}
.closing-inner>p{max-width:620px;margin:20px auto 0;font-size:var(--t-lead);line-height:1.55}
.closing-inner>.button{margin-top:40px}
.closing-contact{margin-top:40px;font-size:15px;line-height:1.5}
.closing-contact hr{width:240px;max-width:100%;height:0;border:0;border-top:1px solid var(--line-dark);margin:0 auto 24px}
.closing-contact a{color:var(--white);text-decoration:underline}
.closing-contact>.text-link{margin-top:12px;font-size:15px}
.closing-contact :is(a,.text-link):focus-visible,.closing-inner>.button:focus-visible{outline-color:var(--white)}
.site-footer{border-top:1px solid var(--line);padding:64px 0 40px;color:var(--muted)}
.footer-top{display:flex;justify-content:space-between;gap:40px}
.footer-brand p{font-size:15px;line-height:1.5;max-width:288px;margin-top:16px}
.footer-links{display:flex;flex-wrap:wrap;gap:16px 24px;align-content:start;justify-content:flex-end;max-width:560px}
.footer-links a{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}
.footer-guides{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:32px}
.footer-guides a{font-size:15px;line-height:1.5;font-weight:400;color:var(--muted);text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px 24px;border-top:1px solid var(--line);margin-top:32px;padding-top:24px;font-size:14px;line-height:1.5}
.footer-bottom nav{display:flex;gap:12px 24px;flex-wrap:wrap}
.footer-bottom a{color:var(--muted)}
.site-footer a:hover{color:var(--navy)}
.desktop-nav a,.login-link,.footer-links a,.footer-guides a,.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.grid-2,.grid-3{display:grid;gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
body{background:var(--bg)}
h1,h2,h3,h4{font-family:var(--font-display)}
h1{line-height:1.06;letter-spacing:-.03em}
h2{line-height:1.14;letter-spacing:-.02em}
h3{letter-spacing:-.01em}
.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.09em;line-height:1.3;margin-bottom:18px}
.wrap{width:min(var(--container),calc(100% - 80px))}
section{scroll-margin-top:104px}
.section-heading>p:not(.eyebrow){max-width:56ch;font-size:19px}
.site-header{background:color-mix(in oklch,var(--white) 94%,transparent);backdrop-filter:blur(14px)}
.site-header.is-scrolled{background:color-mix(in oklch,var(--white) 94%,transparent);border-color:var(--line)}
.site-header.is-scrolled .header-inner{height:72px;margin-top:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.desktop-nav{gap:22px}
.desktop-nav a,.login-link{font-size:14px}
.header-inner{gap:24px}
.header-actions{gap:20px}
.button{transition:background-color 160ms ease,border-color 160ms ease,transform 160ms var(--ease);min-height:52px;border-radius:10px}
.button-primary{box-shadow:0 4px 9px -5px color-mix(in oklch,var(--navy) 42%,transparent)}
.button-outline{border-color:var(--line-strong);background:transparent;color:var(--navy)}
.button-outline:hover{background:var(--white);border-color:var(--navy);color:var(--navy)}
.button-large{min-height:56px}
.button:active{transform:scale(.98)}
:is(a,button,summary,[tabindex='0']):focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.text-link{font-size:15px;color:var(--navy)}
.text-link:hover{color:var(--navy)}
.hero{padding:88px 0 74px;position:relative}
.hero-inner{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(40px,5vw,76px);align-items:center}
.hero-copy{min-width:0}
.hero h1{max-width:650px;margin:0 0 26px}
.hero-caption{max-width:505px;font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:30px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.proof-strip{border-block:1px solid var(--line);background:var(--white)}
.proof-strip ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.proof-strip li{min-height:78px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:650;line-height:1.5}
.proof-strip li+li{border-left:1px solid var(--line)}
.proof-strip li .icon{color:var(--muted);width:16px;height:16px}
.benefits-section{padding-bottom:112px}
.benefits-section .section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}
.benefits-section .eyebrow{margin:0 0 7px;order:2}
.benefits-section h2{max-width:none}
.benefit-columns{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;column-gap:64px;row-gap:0;margin-top:48px}
.benefit{min-width:0;position:relative}
.benefit:first-child{grid-row:1/3;padding:36px 40px 40px;background:var(--surface);border:1px solid var(--line);border-radius:22px}
.benefit:first-child h3{font-size:36px;margin-top:36px}
.benefit h3{margin-bottom:13px}
.benefit p{max-width:46ch;font-size:17px;color:var(--muted);line-height:1.65}
.benefit:nth-child(n+2){display:grid;grid-template-columns:1fr 50px;column-gap:24px;padding:30px 0}
.benefit:nth-child(2){padding-top:12px;border-bottom:1px solid var(--line)}
.benefit:nth-child(3){padding-bottom:4px}
.benefit:nth-child(n+2) h3,.benefit:nth-child(n+2) p{grid-column:1}
.compatibility-section{padding:0;background:var(--white)}
.compatibility-layout{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:48px 48px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:40px 76px}
.compatibility-section h2{font-size:38px;line-height:1.15;max-width:370px}
.compatibility-section .section-heading>.text-link{margin-top:22px;max-width:340px;font-size:14px}
.how-section{padding-block:120px}
.how-section .section-heading{text-align:center}
.how-section h2{max-width:none}
.how-section .eyebrow{margin-bottom:16px}
.result-section{padding:100px 0;background:var(--navy);color:var(--text-on-navy)}
.result-section .eyebrow{color:var(--text-on-navy);margin-bottom:44px}
.pricing-section{padding:110px 0;background:var(--white)}
.pricing-fallback{margin-top:32px}
.pricing-fallback-tables{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.pricing-fallback table{width:100%;border-collapse:collapse;font-size:15px}
.pricing-fallback :is(th,td){padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}
.pricing-fallback caption{text-align:left;font-size:18px;font-weight:700;margin-bottom:12px}
.faq-section{padding:100px 0;background:var(--surface)}
.faq-layout{grid-template-columns:.8fr 1.2fr;gap:80px}
.faq-heading h2{max-width:310px}
.faq-heading>.text-link{font-size:14px}
.faq-list details{transition:background-color 160ms ease}
.faq-list summary{min-height:80px;padding:24px 16px;font-size:18px;gap:28px}
.faq-list summary:hover{background:var(--white);color:var(--navy);box-shadow:inset 0 0 0 1px var(--line-strong)}
.faq-list details[open]{background:var(--white)}
.faq-content-inner{padding-inline:16px;max-width:none;font-size:16px}
.faq-content-inner>*{margin-right:28px}
.faq-list summary>.icon{width:20px;height:20px;background:transparent}
.faq-content-inner>a{font-size:14px;color:var(--navy)}
.closing-section{padding:100px 0 80px;background:var(--white)}
.closing-inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:24px 60px;text-align:left;padding:56px;background:var(--navy);border-radius:24px;align-items:center}
.closing-inner h2{grid-column:1;max-width:700px;margin:0;font-size:40px}
.closing-inner>p{grid-column:1;max-width:600px;margin:0;font-size:18px}
.closing-inner>.button{grid-column:2;grid-row:2/4;margin:0;align-self:center;position:relative}
.closing-contact{grid-column:1/-1;border-top:1px solid var(--line-dark);margin:14px 0 0;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;font-size:14px}
.closing-contact hr{display:none}
.closing-contact>.text-link{margin:0;font-size:14px}
.closing-contact a:hover{color:var(--white);text-decoration-thickness:2px}
.closing-inner :is(a,button):focus-visible{outline-color:var(--white)}
.site-footer{padding:48px 0 32px}
.footer-brand .brand{width:108px}
.footer-brand p{font-size:14px}
.footer-links a,.footer-guides a{font-size:14px}
.footer-guides{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.footer-bottom{margin-top:20px;font-size:12px}
.footer-bottom nav{gap:10px 20px}
@media(hover:hover) and (pointer:fine){
.button:hover .icon,.text-link:hover .icon{transform:translateX(3px)}
}
@media(min-width:1600px){
.hero{padding-block:112px 96px}
.hero-inner{gap:80px}
:root{--container:1280px}
}
@media(max-width:1199px){
.wrap{width:calc(100% - 64px)}
.desktop-nav{gap:14px}
.header-inner{gap:16px}
.header-actions{gap:14px}
.header-inner .brand{width:104px}
.desktop-nav a,.login-link{font-size:12px}
.header-actions .button{font-size:13px;padding-inline:14px}
.hero{padding-block:64px}
.hero-inner{gap:40px}
.hero-caption{font-size:17px}
.hero-actions .text-link{font-size:14px}
.benefit-columns{column-gap:44px}
.compatibility-layout{gap:32px 48px;padding:40px 40px 0}
.compatibility-section h2{font-size:34px}
.faq-layout{gap:60px}
.closing-inner{padding:48px;gap:22px 40px}
.closing-inner h2{font-size:36px}
}
@media(max-width:1023px){
.desktop-nav,.login-link{display:none}
.header-actions{margin-left:auto}
.mobile-menu{display:block}
.header-inner .brand{width:112px}
.header-actions .button{font-size:14px}
.hero-inner{grid-template-columns:1fr 1fr;gap:28px}
.hero-caption{font-size:16px}
.hero-actions{gap:8px}
.hero-actions .button{padding-inline:20px}
.hero-actions .text-link{font-size:13px}
.benefit-columns{column-gap:36px}
.benefit:first-child{padding:30px}
.benefit:first-child h3{font-size:32px}
.benefit p{font-size:16px}
.benefit:nth-child(n+2){grid-template-columns:1fr 38px;gap:0 14px}
.benefit h3{font-size:25px}
.compatibility-layout{gap:30px 40px;padding:36px 36px 0}
.compatibility-section h2{font-size:31px}
.result-section{padding:80px 0}
.faq-layout{grid-template-columns:.8fr 1.2fr;gap:36px}
.faq-list summary{font-size:17px;padding-inline:12px}
.closing-inner{padding:40px;gap:20px 28px}
.closing-inner h2{font-size:34px}
.closing-inner>.button{padding-inline:20px}
.closing-inner>p{font-size:17px}
.footer-top{gap:32px}
.footer-links{max-width:380px;gap:8px 20px}
}
@media(max-width:760px){
:root{--t-h3:25px;--section-y:76px;--t-lead:18px;--t-body:16px;--band-y:76px}
.wrap{width:calc(100% - 40px)}
.site-header,.header-inner{height:68px}
.site-header.is-scrolled .header-inner{height:68px}
.header-inner{gap:14px}
.header-actions .button{min-height:44px;padding-inline:14px;font-size:12px}
.header-actions .button .icon{display:none}
.mobile-menu summary{width:44px}
.mobile-panel{padding-inline:20px}
.hero{padding:48px 0 40px}
.hero-inner{grid-template-columns:1fr;gap:34px}
.hero h1{line-height:1.08;max-width:600px;margin-bottom:22px}
.hero-caption{font-size:17px;max-width:570px;margin-bottom:26px}
.hero-actions{gap:12px 20px}
.hero-actions .button{min-height:54px;font-size:15px;padding-inline:22px}
.hero-actions .text-link{font-size:14px}
.proof-strip li{min-height:72px;font-size:12px;text-align:center;flex-direction:column;gap:6px;padding:14px 9px;line-height:1.35}
.proof-strip li .icon{width:14px;height:14px}
.benefits-section{padding:72px 0}
.benefits-section .section-heading{display:block}
.benefits-section .eyebrow{display:none}
.benefit-columns{margin-top:32px;grid-template-columns:1fr;grid-template-rows:auto;gap:0}
.benefit:first-child{grid-row:auto;padding:30px;display:grid;grid-template-columns:1fr .9fr;gap:0 24px}
.benefit:first-child h3{grid-column:1;margin-top:0;font-size:30px}
.benefit:first-child p{grid-column:1/-1;margin-top:18px;max-width:58ch}
.benefit:nth-child(n+2){padding:30px 4px;grid-template-columns:1fr 44px}
.benefit:nth-child(2){padding-top:32px}
.benefit:nth-child(3){padding-bottom:0}
.benefit p{max-width:57ch}
.compatibility-layout{grid-template-columns:1fr;gap:28px;padding:30px 28px 0;border-radius:20px}
.compatibility-section .eyebrow{font-size:11px;margin-bottom:14px}
.compatibility-section h2{font-size:32px;max-width:480px}
.compatibility-section .section-heading>.text-link{margin-top:16px;max-width:none;font-size:13px}
.how-section{padding:76px 0}
.how-section .section-heading{text-align:left}
.how-section .eyebrow{display:none}
.result-section{padding:70px 0}
.result-section .eyebrow{margin-bottom:30px;font-size:11px}
.pricing-section{padding:76px 0}
.pricing-fallback-tables{grid-template-columns:1fr}
.faq-section{padding:72px 0}
.faq-layout{grid-template-columns:1fr;gap:30px}
.faq-heading{display:grid;grid-template-columns:1fr}
.faq-heading h2{max-width:none}
.faq-heading .eyebrow{margin-bottom:14px}
.faq-heading>.text-link{margin-top:14px;font-size:14px}
.faq-list summary{font-size:16px;min-height:76px;padding:22px 10px;gap:20px}
.faq-content-inner{padding-inline:10px;font-size:15px}
.faq-content-inner>*{margin-right:8px}
.faq-content-inner>a{font-size:13px}
.closing-section{padding:64px 0}
.closing-inner{display:flex;flex-direction:column;align-items:start;padding:34px 28px;gap:22px;border-radius:20px}
.closing-inner h2{font-size:32px;max-width:560px;margin:0}
.closing-inner>p{font-size:17px}
.closing-inner>.button{width:100%;margin-top:4px;min-height:54px}
.closing-contact{display:block;margin:8px 0 0;padding-top:24px;font-size:13px;width:100%}
.closing-contact>.text-link{margin-top:12px;font-size:13px}
.site-footer{padding:36px 0 28px}
.footer-top{display:block}
.footer-brand p{max-width:340px}
.footer-links{margin-top:24px;max-width:none;justify-content:start;gap:4px 22px}
.footer-guides{display:grid;gap:4px}
.footer-guides a{font-size:13px}
.footer-bottom{display:flex;gap:10px 20px}
.footer-bottom nav{flex-basis:100%;gap:0 20px}
.footer-bottom>span{margin-left:auto}
.grid-2,.grid-3{grid-template-columns:1fr}
}
@media(max-width:430px){
.wrap{width:calc(100% - 32px)}
.header-inner{gap:10px}
.header-inner .brand{width:96px}
.header-actions .button{padding-inline:12px;font-size:12px}
.hero h1{letter-spacing:-.025em}
.hero{padding-top:36px}
.hero-caption{font-size:16px;line-height:1.65}
.hero-actions{display:grid;grid-template-columns:1fr;gap:6px}
.hero-actions .button{width:100%}
.hero-actions .text-link{justify-content:center}
.hero-inner{gap:26px}
.proof-strip li{font-size:11px;padding-inline:7px}
.benefit:first-child{padding:26px;display:block}
.benefit:first-child h3{margin-top:25px}
.benefit:first-child p{margin-top:0}
.benefit:nth-child(n+2){column-gap:14px}
.benefit h3{font-size:24px}
.benefit p{font-size:15px}
.compatibility-layout{padding:28px 22px 0;gap:24px}
.compatibility-section h2{font-size:30px}
.closing-inner{padding:32px 24px}
.closing-inner h2{font-size:30px}
.closing-inner>p{font-size:16px}
.footer-bottom nav{gap:0 15px}
.footer-bottom{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition-duration:0s!important}
.button:active,.button:hover .icon,.text-link:hover .icon{transform:none}
}
@media(forced-colors:active){
.site-header,.benefit,.compatibility-layout{border-color:CanvasText}
.closing-inner,.result-section{background:Canvas;color:CanvasText}
.closing-inner :is(h2,p,a),.result-section :is(h2,p,span){color:CanvasText}
}
.skip-link:hover,.skip-link:focus-visible{background:var(--blue);color:var(--white)}
.button-primary:focus-visible{background:var(--navy);color:var(--white)}
.benefit:nth-child(n+2){align-content:start}
.button{line-height:1.3;letter-spacing:.02em}
.mobile-panel a:hover{background:var(--surface);color:var(--navy)}
.mobile-panel a:focus-visible{outline-offset:-4px}
:is(a,button,summary,[tabindex]){scroll-margin-block:100px 20px}
.site-footer .brand:focus-visible{outline-color:var(--blue)}
@media(max-width:760px){
.header-actions .button{font-size:13px}
.proof-strip li{font-size:12px}
.footer-bottom{font-size:12px}
.footer-bottom nav{column-gap:18px}
}
@media(max-width:430px){
.header-actions .button{letter-spacing:.01em}
.button{padding-block:12px}
.header-actions .button{padding-block:8px}
}
@media(forced-colors:active){
.button,.mobile-menu summary{border:1px solid ButtonText}
.faq-list summary:hover{outline:1px solid CanvasText;outline-offset:-1px}
}
:root{--ease:cubic-bezier(.22,1,.36,1);--section-y:108px;--font-display:var(--font-sans);--font-body:var(--font-sans)}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--font-display)}
.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.section-heading.centered{display:block;text-align:center;max-width:940px;margin-inline:auto}
.section-heading.centered h2{max-width:900px;margin-inline:auto;font-size:var(--t-h2);font-weight:800;line-height:1.12;letter-spacing:-.037em}
.section-heading.centered>p:not(.eyebrow){max-width:55ch;margin:20px auto 0;font-size:18px;line-height:1.6}
.brand-ink{color:var(--blue)}
@supports(background-clip:text){
.brand-ink{background:linear-gradient(105deg,var(--blue) 8%,var(--green) 92%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
.button{min-height:52px;border-radius:12px;letter-spacing:0;line-height:1.3;transition:background-color 220ms var(--ease),box-shadow 220ms var(--ease),transform 220ms var(--ease)}
.button-primary{background:var(--blue);color:var(--white);box-shadow:inset 0 1px 0 color-mix(in oklch,var(--white) 18%,transparent),0 4px 0 color-mix(in oklch,var(--blue) 76%,var(--navy)),0 10px 24px -12px color-mix(in oklch,var(--blue) 55%,transparent)}
@media(hover:hover) and (pointer:fine){
.button-primary:hover{background:var(--navy);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 0 var(--navy),0 14px 28px -14px color-mix(in oklch,var(--blue) 65%,transparent)}
}
.button:active{transform:translateY(1px)}
.button-large{min-height:58px;padding:16px 28px;font-size:16px}
.button-outline{background:var(--white);color:var(--navy);border-color:var(--line-strong);box-shadow:0 2px 3px color-mix(in oklch,var(--navy) 4%,transparent)}
.button-outline:is(:hover,:focus-visible){background:var(--pale);color:var(--navy);border-color:var(--navy)}
.cta-with-offer{display:flex;flex-direction:column;align-items:center;gap:15px;width:fit-content;max-width:100%}
.site-header{height:80px;background:color-mix(in oklch,var(--white) 94%,transparent);backdrop-filter:blur(16px);border-bottom-color:color-mix(in oklch,var(--line) 65%,transparent)}
.header-inner{height:79px}
.site-header.is-scrolled .header-inner{height:64px}
.site-header.is-scrolled{backdrop-filter:none}
.site-header.is-scrolled .header-inner{background:color-mix(in oklch,var(--white) 96%,transparent);backdrop-filter:blur(16px)}
.desktop-nav{gap:24px}
.desktop-nav a,.login-link{font-size:14px}
.header-actions .button{min-height:44px;font-size:14px}
.hero{padding:62px 0 25px;background:var(--white)}
.hero-inner{display:block;max-width:1160px;text-align:center}
.hero-copy{margin-inline:auto}
.hero h1{max-width:1130px;margin:0 auto 24px;font-weight:850;letter-spacing:-.052em;line-height:1.08}
.headline-line{display:block}
.hero h1 .brand-ink{display:inline-block;padding-bottom:.04em}
.hero-caption{max-width:550px;margin:0 auto 28px;font-size:18px;line-height:1.65}
.hero-actions{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}
.hero-actions>.text-link{font-size:13px;min-height:44px;margin-top:0;font-weight:700}
.proof-strip{padding:26px 0 52px;border:0;background:var(--white)}
.proof-strip ul{gap:18px}
.proof-strip li,.proof-strip li+li{display:flex;align-items:center;justify-content:flex-start;gap:17px;padding:22px;min-height:112px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:inset 0 1px 0 var(--white),0 8px 18px -16px color-mix(in oklch,var(--navy) 28%,transparent)}
.proof-visual{display:block;width:56px;height:56px;flex:0 0 56px;fill:var(--white);stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.proof-strip strong{display:block;font-size:18px;font-weight:800;line-height:1.3;color:var(--navy);text-wrap:balance}
.proof-strip li span{display:block;font-size:13px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:6px}
.benefits-section{padding:70px 0 94px;background:var(--white)}
.benefit-columns{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:24px;margin-top:46px}
.benefit,.benefit:first-child,.benefit:nth-child(n+2){display:block;grid-column:auto;grid-row:auto;min-width:0;padding:12px 12px 30px;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:0 12px 32px -24px color-mix(in oklch,var(--navy) 30%,transparent);transition:transform 300ms var(--ease),box-shadow 300ms var(--ease),border-color 300ms var(--ease)}
.benefit h3,.benefit:first-child h3{font-size:27px;letter-spacing:-.035em;font-weight:800;line-height:1.2;margin:26px 17px 12px}
.benefit p{max-width:32ch;margin:0 17px;font-size:16px;line-height:1.65}
.benefit-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:100%;height:192px;margin:0;padding:24px;border-radius:16px;background:var(--pale)}
.benefit-time .benefit-art{background:var(--surface)}
.benefit-image .benefit-art{background:color-mix(in oklch,var(--green) 7%,var(--white))}
.benefit-clients .benefit-art::before{content:'';position:absolute;top:73px;bottom:50px;left:45%;width:35%;border:1px solid color-mix(in oklch,var(--blue) 35%,var(--white));border-radius:14px}
.compatibility-section{padding:32px 0 96px;background:var(--white)}
.compatibility-layout{display:block;padding:0;background:transparent;border:0;border-radius:0}
.compatibility-section .section-heading.centered h2{font-size:clamp(32px,3vw,43px)}
.compatibility-grid{margin-top:38px;display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:center;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.compatibility-phone{display:flex;align-items:center;gap:22px;min-width:0}
.devices-visual{display:block;width:110px;flex:0 0 110px;height:auto;fill:var(--surface);stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.compatibility-grid h3{font-size:19px;font-weight:800;line-height:1.4;letter-spacing:-.02em}
.compatibility-phone p{font-size:14px;color:var(--muted);margin-top:8px}
.compatibility-phone .text-link{font-size:13px;margin-top:6px}
.compatibility-operators{min-width:0;padding-left:32px;border-left:1px solid var(--line)}
.operator-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.operator-marquee{overflow:hidden;margin-top:14px;mask-image:linear-gradient(90deg,transparent,var(--navy) 7%,var(--navy) 93%,transparent)}
.operator-track{display:flex;width:max-content;animation:operator-drift 38s linear infinite;will-change:transform}
.operator-group{display:flex;align-items:center;gap:42px;flex-shrink:0;padding-right:42px}
.operator{display:flex;align-items:center;justify-content:center;flex:0 0 80px;width:80px;height:68px}
.operator img{height:auto;max-height:43px;max-width:80px;width:auto;object-fit:contain}
@keyframes operator-drift{to{transform:translateX(-50%)}}
.how-section{position:relative;background:var(--pale);padding:96px 0 0}
.how-section::before{content:'';position:absolute;top:0;left:50%;height:36px;width:1px;background:color-mix(in oklch,var(--blue) 30%,var(--pale))}
.how-section .eyebrow{display:block;color:var(--muted);font-size:11px;letter-spacing:.11em;margin-bottom:19px}
.result-section{padding:75px 0 61px;background:var(--blue);color:var(--white)}
.result-section .eyebrow{font-size:11px;letter-spacing:.13em;color:var(--white);margin:0 0 45px;text-align:center}
.pricing-section{padding:106px 0 95px;background:var(--white)}
.faq-section{padding:82px 0;background:var(--surface)}
.faq-heading h2{font-size:42px;font-weight:800;letter-spacing:-.035em}
.faq-list summary{font-size:17px}
.faq-list details{border-color:var(--line-strong)}
.closing-section{padding:91px 0 60px;background:var(--white)}
.closing-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:0;border:0;border-radius:0;background:var(--white);color:var(--ink)}
.closing-inner h2{max-width:850px;font-size:var(--t-h2);font-weight:800;line-height:1.13;letter-spacing:-.035em;color:var(--navy)}
.closing-inner>p{max-width:570px;margin:20px auto 0;font-size:18px}
.closing-inner .brand-ink{background:none;color:var(--blue)}
.closing-inner>.cta-with-offer{margin-top:29px}
.closing-contact{display:flex;justify-content:space-between;gap:20px;width:100%;border-color:var(--line);margin-top:59px;padding-top:26px;text-align:left;color:var(--muted)}
.closing-contact a,.closing-contact .text-link{color:var(--navy)}
.closing-contact a:hover{color:var(--navy)}
.founder-signature{display:block;margin-top:5px;font-size:12px}
.closing-inner :is(a,button):focus-visible{outline-color:var(--blue)}
:is(a,button,summary,input,textarea,[tabindex]):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(min-width:1600px){
.hero{padding:77px 0 34px}
.proof-strip{padding-bottom:62px}
}
@media(max-width:1199px){
.desktop-nav{gap:17px}
.desktop-nav a,.login-link{font-size:12px}
.header-inner{gap:18px}
.proof-strip li,.proof-strip li+li{padding:20px 17px;gap:12px}
.proof-visual{width:48px;height:48px;flex-basis:48px}
.proof-strip strong{font-size:16px}
.proof-strip li span{font-size:12px}
.benefit h3,.benefit:first-child h3{font-size:24px;margin-inline:12px}
.benefit p{font-size:15px;margin-inline:12px}
.benefit-art{padding:18px;height:177px}
.compatibility-grid{gap:24px}
.compatibility-operators{padding-left:24px}
.devices-visual{width:85px;flex-basis:85px}
.compatibility-grid h3{font-size:17px}
}
@media(max-width:920px){
.grid-2,.grid-3{grid-template-columns:1fr}
.benefit-columns{gap:20px;max-width:550px;margin-inline:auto}
.benefit,.benefit:first-child,.benefit:nth-child(n+2){padding:12px 12px 28px}
.benefit-art{height:210px;padding:25px 42px}
.benefit h3,.benefit:first-child h3{font-size:28px;margin:25px 20px 12px}
.benefit p{margin:0 20px;max-width:45ch;font-size:16px}
.compatibility-grid{grid-template-columns:1fr;gap:22px;max-width:650px;margin-inline:auto}
.compatibility-phone{justify-content:center}
.compatibility-operators{padding:21px 0 0;border-left:0;border-top:1px solid var(--line)}
.compatibility-grid h3{font-size:19px}
.operator-heading{justify-content:center}
.operator-group{gap:42px;padding-right:42px}
}
@media(max-width:760px){
.site-header{height:72px}
.header-inner{height:71px}
.site-header.is-scrolled .header-inner{height:64px}
.header-actions .button{font-size:12px;padding-inline:13px}
.hero{padding:43px 0 20px}
.hero-inner{width:calc(100% - 36px)}
.hero h1{letter-spacing:-.045em;line-height:1.09;max-width:640px;margin-bottom:23px}
.hero-caption{font-size:16px;max-width:470px;margin-bottom:26px}
.hero-actions{display:flex;gap:8px}
.hero-actions .button{width:auto;min-height:56px;font-size:15px}
.hero-actions .text-link{font-size:12px}
.proof-strip{padding:22px 0 35px}
.proof-strip ul{display:grid;grid-template-columns:1fr;gap:10px;max-width:480px;margin:auto}
.proof-strip li,.proof-strip li+li{flex-direction:row;justify-content:start;text-align:left;min-height:91px;padding:17px 21px;gap:20px}
.proof-strip strong{font-size:18px}
.proof-strip li span{font-size:12px}
.proof-visual{width:48px;height:48px;flex-basis:48px}
.section-heading.centered h2{font-size:clamp(32px,6.4vw,40px)}
.section-heading.centered>p:not(.eyebrow){font-size:16px;margin-top:18px}
.benefits-section{padding:45px 0 65px}
.benefit-columns{margin-top:32px}
.compatibility-section{padding:15px 0 65px}
.compatibility-section .section-heading.centered h2{font-size:32px}
.compatibility-grid{margin-top:29px;padding:25px 0}
.compatibility-phone{gap:17px;justify-content:start}
.compatibility-grid h3{font-size:17px}
.devices-visual{width:82px;flex-basis:82px}
.compatibility-phone p{font-size:13px}
.operator-heading{justify-content:space-between}
.operator-group{gap:30px;padding-right:30px}
.how-section{padding:65px 0 0}
.how-section::before{height:29px}
.how-section .eyebrow{font-size:10px;line-height:1.5;margin-bottom:18px}
.result-section{padding:58px 0 43px}
.result-section .eyebrow{font-size:10px;margin-bottom:33px}
.pricing-section{padding:64px 0}
.faq-section{padding:60px 0}
.faq-layout{gap:28px}
.faq-heading h2{font-size:34px}
.faq-list summary{font-size:16px;min-height:75px}
.closing-section{padding:63px 0 38px}
.closing-inner{padding:0;text-align:center;gap:0}
.closing-inner h2{font-size:35px;line-height:1.15}
.closing-inner>p{font-size:16px;margin-top:20px}
.closing-inner>.cta-with-offer{margin-top:27px}
.closing-contact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-top:42px;padding-top:23px;font-size:13px}
.closing-contact>.text-link{margin:0;font-size:13px}
}
@media(max-width:430px){
.hero h1{letter-spacing:-.05em}
.hero-caption{font-size:16px;max-width:340px}
.proof-strip li,.proof-strip li+li{padding-inline:17px;gap:15px}
.proof-strip strong{font-size:17px}
.benefit-art{height:180px;padding:20px}
.benefit h3,.benefit:first-child h3{font-size:26px;margin-inline:13px}
.benefit p{margin-inline:13px;font-size:15px}
.devices-visual{width:65px;flex-basis:65px}
.compatibility-phone{gap:13px}
.compatibility-grid h3{font-size:16px}
.compatibility-phone .text-link{font-size:12px}
.closing-inner h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.button:hover,.benefit:hover,.button:active{transform:none}
.operator-marquee{overflow:visible;mask-image:none}
.operator-track{width:100%;transform:none!important;will-change:auto}
.operator-group{width:100%;flex-wrap:wrap;justify-content:center;gap:16px;padding:0}
.operator-group[aria-hidden=true]{display:none}
}
@media(forced-colors:active){
.brand-ink{background:none;color:CanvasText}
.result-section,.closing-inner{background:Canvas;color:CanvasText;border-color:CanvasText}
.result-section :is(h2,p,span){color:CanvasText}
.button,.proof-strip li,.benefit{border:1px solid CanvasText}
.proof-visual,.devices-visual{fill:Canvas;stroke:CanvasText}
.operator-track img{forced-color-adjust:none}
}
.result-section{padding:110px 0 92px;background:var(--blue);color:var(--white)}
.result-equation{display:grid;grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);align-items:center;gap:34px;max-width:1000px;margin:0 auto;text-align:center;color:var(--white);font-weight:800;line-height:1}
.equation-term{display:flex;flex-direction:column;align-items:center;gap:21px;min-width:0}
.equation-number{position:relative;font-size:clamp(150px,15.5vw,220px);font-weight:850;line-height:.93;letter-spacing:-.065em;padding-right:.065em;font-variant-numeric:tabular-nums}
.equation-label{display:block;font-size:clamp(28px,3.1vw,43px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
.equation-equals{display:flex;flex-direction:column;justify-content:center;gap:15px;align-self:start;margin-top:clamp(56px,5.5vw,79px);height:45px}
.equation-equals>span{display:block;width:100%;height:6px;border-radius:8px;background:var(--white)}
.equation-client{color:color-mix(in oklch,var(--green-on-navy) 60%,var(--white))}
.result-celebration{max-width:590px;margin:55px auto 0;padding-top:36px;border-top:1px solid color-mix(in oklch,var(--white) 25%,transparent);text-align:center}
.result-congratulations{font-size:29px;font-weight:800;line-height:1.25;letter-spacing:-.025em;color:var(--white)}
.result-explanation{font-size:18px;line-height:1.65;margin:15px auto 0;max-width:54ch;color:var(--white)}
.result-effortless{font-size:18px;font-weight:800;margin-top:14px;color:color-mix(in oklch,var(--green-on-navy) 60%,var(--white))}
.pricing-section{padding:104px 0 88px;background:var(--white)}
.price-calculator{max-width:1020px;margin:45px auto 0;border:1px solid var(--line-strong);border-radius:26px;background:var(--white);box-shadow:0 22px 58px -39px color-mix(in oklch,var(--blue) 40%,transparent)}
.calculator-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;margin:24px auto;width:calc(100% - 64px);max-width:570px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.calculator-tabs::before{content:"";position:absolute;z-index:0;inset:7px auto 7px 7px;width:calc((100% - 20px)/2);background:var(--white);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 3px 7px color-mix(in oklch,var(--navy) 8%,transparent);transition:transform 240ms var(--ease)}
.price-calculator[data-mode="sms"] .calculator-tabs::before{transform:translateX(calc(100% + 6px))}
.calculator-copy-slot{display:grid;min-width:0}
.calculator-copy-slot>[data-offer-copy]{grid-area:1/1;min-width:0}
.calculator-copy-slot>[aria-hidden="true"]{visibility:hidden}
.calculator-tabs[hidden],.calculator-slider-controls[hidden]{display:none}
.calculator-tabs button{position:relative;z-index:1;min-height:54px;padding:12px 16px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--navy);font-size:16px;font-weight:750;line-height:1.3;transition:background-color 220ms var(--ease),border-color 220ms var(--ease),box-shadow 220ms var(--ease)}
.calculator-tabs button[aria-selected=true]{background:transparent;border-color:transparent;box-shadow:none}
@media(hover:hover) and (pointer:fine){
.calculator-tabs button:not([aria-selected=true]):hover{background:transparent;color:var(--navy);border-color:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
}
.calculator-body{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;min-width:0}
.calculator-body:focus-visible{outline-offset:-5px}
.calculator-config{padding:34px 38px;min-width:0}
.calculator-description{font-size:18px;font-weight:700;line-height:1.5;min-height:54px;color:var(--navy);max-width:38ch}
.calculator-volume{margin-top:26px;min-width:0}
.calculator-label{display:block;font-size:13px;font-weight:600;line-height:1.5;color:var(--muted)}
.calculator-volume-value{display:flex;align-items:baseline;gap:13px;min-height:70px;padding:8px 0 5px;flex-wrap:wrap;color:var(--navy)}
.calculator-volume-value>output{font-size:43px;font-weight:700;line-height:1.2;letter-spacing:-.055em}
.calculator-volume-value>span{font-size:14px}
.calculator-slider-controls{--range-progress:0%}
#pricing-volume-slider{display:block;width:100%;height:44px;padding:0;margin:4px 0 0;background:transparent;color:var(--blue);cursor:pointer;appearance:none;-webkit-appearance:none;border:0;border-radius:8px;touch-action:pan-y}
#pricing-volume-slider::-webkit-slider-runnable-track{height:6px;border-radius:8px;background:linear-gradient(90deg,var(--blue) 0%,var(--blue) var(--range-progress),var(--line-strong) var(--range-progress),var(--line-strong) 100%)}
#pricing-volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;margin-top:-9.5px;border:6px solid var(--blue);border-radius:50%;background:var(--white);box-shadow:0 2px 7px color-mix(in oklch,var(--navy) 20%,transparent);transition:box-shadow 180ms var(--ease),border-color 180ms var(--ease)}
#pricing-volume-slider::-moz-range-track{height:6px;border-radius:8px;background:var(--line-strong)}
#pricing-volume-slider::-moz-range-progress{height:6px;border-radius:8px;background:var(--blue)}
#pricing-volume-slider::-moz-range-thumb{box-sizing:border-box;width:25px;height:25px;border:6px solid var(--blue);border-radius:50%;background:var(--white);box-shadow:0 2px 7px color-mix(in oklch,var(--navy) 20%,transparent)}
#pricing-volume-slider:hover::-webkit-slider-thumb{border-color:var(--navy);box-shadow:0 0 0 5px color-mix(in oklch,var(--blue) 10%,transparent)}
#pricing-volume-slider:hover::-moz-range-thumb{border-color:var(--navy);box-shadow:0 0 0 5px color-mix(in oklch,var(--blue) 10%,transparent)}
.calculator-ticks{display:flex;justify-content:space-between;gap:0;min-height:44px;margin:0 -10px}
.calculator-ticks button{position:relative;flex:0 0 auto;min-width:44px;min-height:44px;padding:7px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:12px;line-height:1.3}
.calculator-ticks button[aria-pressed=true]{color:var(--navy);font-weight:800;background:var(--surface);border-color:var(--navy)}
.calculator-ticks button:focus-visible{outline-offset:2px}
@media(hover:hover) and (pointer:fine){
.calculator-ticks button:not([aria-pressed=true]):hover{background:var(--white);color:var(--navy);border-color:var(--muted)}
}
.calculator-features{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;gap:11px;color:var(--ink);font-size:14px;line-height:1.5;min-height:118px}
.calculator-features li{display:flex;align-items:flex-start;gap:10px;min-height:21px}
.calculator-features .icon{flex:0 0 17px;width:17px;height:17px;margin-top:2px;color:var(--green)}
.calculator-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:36px 38px;background:var(--surface);border-left:1px solid var(--line)}
.calculator-price{display:flex;align-items:baseline;gap:12px;min-height:89px;padding-top:15px;color:var(--navy);line-height:1}
.calculator-price>.num{font-size:clamp(48px,4.7vw,66px);font-weight:700;line-height:1.08;letter-spacing:-.065em}
.calculator-currency{font-size:29px;font-weight:700}
.calculator-tax{font-size:16px;color:var(--ink);line-height:1.6}
.calculator-tax>span{display:block;font-size:13px;margin-top:5px;color:var(--muted)}
.calculator-allowance{width:100%;margin-top:26px;padding-top:21px;border-top:1px solid var(--line-strong);font-size:14px;color:var(--navy);line-height:1.5;min-height:44px}
.calculator-summary .cta-with-offer{width:100%;margin-top:25px;gap:18px}
.calculator-summary .button{width:100%;padding-inline:17px;font-size:15px}
.calculator-summary .button .icon{flex-shrink:0}
.faq-section{padding:85px 0;background:var(--surface)}
.faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}
.faq-heading h2{font-size:40px;line-height:1.14;max-width:320px}
.faq-heading>.text-link{margin-top:23px;font-size:14px}
.faq-list details,.faq-list details[open]{background:transparent;border-color:var(--line-strong)}
.faq-list summary{min-height:80px;padding:24px 0;font-size:17px;gap:28px;background:transparent;color:var(--navy);transition:color 200ms var(--ease)}
.faq-list summary:hover{background:transparent;color:var(--navy);box-shadow:none;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:var(--line-strong)}
.faq-content-inner{padding-inline:0;font-size:16px;line-height:1.7}
.faq-content-inner>*{margin-right:40px}
.faq-content-inner>:last-child{margin-bottom:27px}
.site-footer{padding:48px 0 28px;background:var(--white)}
.footer-top{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.5fr);gap:55px;align-items:start}
.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:8px 28px;justify-content:initial;align-content:start}
.footer-links a{display:flex;align-items:center;min-height:44px;line-height:1.5;font-size:14px;align-self:start}
.footer-brand p{font-size:14px;max-width:28ch;margin-top:17px}
.footer-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px;margin-top:34px;padding-top:22px}
.footer-guides a{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;line-height:1.5}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--navy)}
.footer-bottom{margin-top:24px;padding-top:20px;align-items:center;gap:10px 20px;font-size:12px}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom nav{gap:8px 22px}
@media(max-width:920px){
.result-equation{gap:22px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}
.equation-number{font-size:130px}
.equation-equals{margin-top:45px}
.equation-label{font-size:32px}
.calculator-config{padding:30px 25px}
.calculator-summary{padding:30px 25px}
.calculator-description{font-size:16px;min-height:48px}
.calculator-volume-value>output{font-size:37px}
.calculator-volume-value>span{font-size:12px}
.calculator-features{font-size:13px;min-height:140px}
.calculator-price>.num{font-size:53px}
.faq-layout{grid-template-columns:1fr;gap:30px}
.faq-heading h2{max-width:none}
.footer-top{gap:32px}
}
@media(max-width:640px){
.result-section{padding:68px 0 58px}
.result-equation{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:12px}
.equation-term{gap:17px}
.equation-number{font-size:clamp(85px,21vw,126px)}
.equation-label{font-size:clamp(20px,4.8vw,28px);letter-spacing:-.03em}
.equation-equals{height:30px;gap:9px;margin-top:32px}
.equation-equals>span{height:4px}
.result-celebration{margin-top:39px;padding-top:27px}
.result-congratulations{font-size:26px}
.result-explanation{font-size:16px;max-width:35ch;margin-top:13px}
.result-effortless{font-size:16px;margin-top:13px}
.pricing-section{padding:67px 0 60px}
.price-calculator{margin-top:31px;border-radius:21px}
.calculator-tabs{width:calc(100% - 28px);margin:15px auto;gap:4px;padding:5px}
.calculator-tabs::before{inset:5px auto 5px 5px;width:calc((100% - 14px)/2)}
.price-calculator[data-mode="sms"] .calculator-tabs::before{transform:translateX(calc(100% + 4px))}
.calculator-tabs button{font-size:14px;min-height:59px;padding:9px 10px}
.calculator-body{grid-template-columns:minmax(0,1fr)}
.calculator-config{display:contents}
.calculator-description{padding:23px 24px 0;min-height:71px;max-width:none;font-size:16px;grid-row:1}
.calculator-volume{margin:0;padding:23px 24px 18px;grid-row:2}
.calculator-volume-value{min-height:65px;gap:13px}
.calculator-volume-value>output{font-size:38px}
.calculator-volume-value>span{font-size:13px}
.calculator-ticks{margin-inline:-8px}
.calculator-ticks button{font-size:11px;padding-inline:4px}
.calculator-summary{grid-row:3;padding:25px 24px 29px;border-left:0;border-top:1px solid var(--line)}
.calculator-price{min-height:74px;padding-top:10px}
.calculator-price>.num{font-size:57px}
.calculator-tax>span{display:inline;margin-left:10px}
.calculator-tax{font-size:14px}
.calculator-allowance{margin-top:18px;padding-top:17px;min-height:39px}
.calculator-summary .cta-with-offer{margin-top:18px;gap:17px}
.calculator-summary .button{min-height:54px}
.calculator-features{grid-row:4;margin:0;padding:24px;min-height:144px;font-size:13px}
.faq-section{padding:57px 0}
.faq-heading h2{font-size:34px}
.faq-heading>.text-link{margin-top:17px}
.faq-list summary{font-size:16px;min-height:78px;padding:22px 0;gap:21px}
.faq-content-inner{font-size:15px}
.faq-content-inner>*{margin-right:28px}
.footer-top{grid-template-columns:1fr;gap:25px}
.footer-links{grid-template-columns:1fr 1fr;gap:5px 20px}
.footer-guides{grid-template-columns:1fr;gap:2px;margin-top:25px;padding-top:20px}
.footer-bottom{align-items:flex-start}
.footer-bottom nav{width:100%;gap:4px 20px}
.site-footer{padding:36px 0 23px}
}
@media(max-width:359px){
.equation-number{font-size:79px}
.equation-label{font-size:19px}
.result-equation{gap:8px;grid-template-columns:minmax(0,1fr) 29px minmax(0,1fr)}
.calculator-tabs button{font-size:13px}
.calculator-description{padding-inline:19px}
.calculator-volume,.calculator-summary,.calculator-features{padding-left:19px;padding-right:19px}
.calculator-volume-value>output{font-size:34px}
.calculator-volume-value>span{font-size:12px}
.calculator-ticks button{min-width:44px}
.calculator-ticks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:88px;margin-inline:-9px}
.calculator-tax>span{margin-left:5px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
.calculator-tabs button,#pricing-volume-slider,.calculator-ticks button,.faq-list summary{transition:none}
}
@media(forced-colors:active){
.result-section{background:Canvas;color:CanvasText}
.result-equation,.equation-client,.result-celebration p{color:CanvasText}
.equation-equals>span{background:CanvasText}
.price-calculator,.calculator-tabs,.calculator-summary{border:1px solid CanvasText}
.calculator-tabs button[aria-selected=true],.calculator-ticks button[aria-pressed=true]{background:Highlight;color:HighlightText}
.calculator-tabs button:hover,.calculator-ticks button:hover{outline:1px solid CanvasText}
#pricing-volume-slider{appearance:auto;-webkit-appearance:auto}
}
.hero h1{letter-spacing:-.03em}
.section-heading.centered h2,.closing-inner h2{letter-spacing:-.025em}
.benefit h3,.benefit:first-child h3,.faq-heading h2{letter-spacing:-.02em}
.calculator-price>.num,.calculator-volume-value>output{letter-spacing:-.035em}
.equation-number{letter-spacing:-.03em;padding-right:.03em}
.equation-label{letter-spacing:-.02em}
.button{letter-spacing:.02em;transition:background-color 160ms var(--ease),box-shadow 160ms var(--ease),transform 160ms var(--ease)}
.button-primary:active{background:var(--navy);color:var(--white);transform:translateY(1px);box-shadow:0 1px 0 var(--navy),0 4px 10px -6px color-mix(in oklch,var(--blue) 40%,transparent)}
.button:disabled{background:var(--surface);color:var(--muted);border-color:var(--line-strong);box-shadow:none;transform:none;cursor:not-allowed}
.desktop-nav a,.login-link{display:inline-flex;align-items:center;min-height:44px}
.mobile-panel a:hover,.mobile-panel a:focus-visible{background:var(--surface);color:var(--navy)}
.mobile-menu summary:hover{background:var(--surface);color:var(--navy);border-color:var(--muted)}
.benefit,.benefit:first-child,.benefit:nth-child(n+2){transition:transform 180ms var(--ease),box-shadow 180ms var(--ease),border-color 180ms var(--ease)}
.calculator-tabs button{font-weight:600}
.calculator-tabs button[aria-selected=true]{font-weight:800}
.calculator-tabs::before{border-color:var(--muted)}
.button-outline:is(:hover,:focus-visible){background:var(--white);color:var(--navy);border-color:var(--navy)}
.mobile-menu summary:hover{background:var(--white);color:var(--navy);border-color:var(--navy)}
#pricing-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--blue) 0%,var(--blue) var(--range-progress),color-mix(in oklch,var(--muted) 76%,var(--white)) var(--range-progress),color-mix(in oklch,var(--muted) 76%,var(--white)) 100%)}
#pricing-volume-slider::-moz-range-track{background:color-mix(in oklch,var(--muted) 76%,var(--white))}
.faq-content-inner>a:focus-visible{outline-offset:-2px;border-radius:4px}
@media(max-width:760px){
.hero h1{letter-spacing:-.03em}
}
@media(prefers-reduced-motion:reduce){
.button-primary:is(:hover,:focus-visible,:active){transform:none}
}
@media(forced-colors:active){
.calculator-tabs::before{background:Canvas;border-color:CanvasText}
}
:root{--blue-highlight:oklch(0.525205 0.157300 265.5669)}
.hero{padding:28px 0 16px}
.hero-inner{max-width:1200px}
.hero h1{max-width:1180px;line-height:1.12;letter-spacing:-.035em;margin-bottom:16px}
.hero-small-break{display:none}
.hero h1 .brand-ink{max-width:100%;padding-bottom:.07em}
.hero-caption{max-width:850px;font-size:clamp(22px,2vw,28px);font-weight:650;line-height:1.5;color:var(--navy);margin:0 auto 20px;text-wrap:balance}
.hero-actions{gap:8px}
.hero-actions .button{font-size:18px;font-weight:800;min-height:60px;min-width:290px;padding:16px 30px;border-radius:14px}
.hero-actions .button .icon{width:22px;height:22px}
.hero-actions .text-link{font-size:17px;font-weight:750;min-height:48px}
.hero-actions .cta-with-offer{gap:19px}
.brand-ink,.closing-inner .brand-ink{color:var(--blue)}
@supports(background-clip:text){
.brand-ink,.closing-inner .brand-ink{background:linear-gradient(90deg,var(--blue),var(--blue-highlight),var(--green-bright),var(--blue));background-size:220% 100%;background-position:65% 50%;background-clip:text;-webkit-background-clip:text;color:transparent}
}
.proof-strip{padding:30px 0 52px}
.proof-strip ul{gap:18px}
.proof-strip li,.proof-strip li+li{padding:25px 23px;gap:17px;min-height:138px;border-color:color-mix(in oklch,var(--blue) 18%,var(--white));border-radius:18px;box-shadow:0 10px 22px -18px color-mix(in oklch,var(--blue) 35%,transparent)}
.proof-strip strong{font-size:20px;font-weight:800;line-height:1.3}
.proof-strip li span{font-size:14px;line-height:1.5;margin-top:8px}
.proof-visual{width:64px;height:64px;flex:0 0 64px;fill:none;stroke:var(--blue);stroke-width:2.3}
.glyph-paper{fill:var(--white)}
.glyph-accent{stroke:var(--green)}
.benefit-clients .benefit-art::before{display:none}
.benefit-art{height:142px;min-height:142px;padding:22px}
.benefit-glyph{width:92px;height:82px;max-width:100%;stroke:var(--blue);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.benefit-glyph .glyph-accent{fill:var(--white)}
.benefit h3,.benefit:first-child h3{margin-top:25px}
.benefit p{max-width:35ch}
.compatibility-section{padding-bottom:60px}
.sectors-section{padding:60px 0 84px;background:var(--white)}
.sectors-section .section-heading{max-width:1000px}
.sectors-section .section-heading>p:not(.eyebrow){max-width:820px;font-size:18px;line-height:1.65}
.sectors-marquee{overflow:hidden;margin-top:40px;padding-block:8px;mask-image:linear-gradient(90deg,transparent,var(--navy) 6%,var(--navy) 94%,transparent)}
.sectors-track{display:flex;width:max-content;animation:sectors-drift var(--sector-duration,140s) linear infinite;will-change:transform}
.sectors-track+.sectors-track{margin-top:14px;animation-direction:reverse;animation-duration:var(--sector-duration,148s)}
.sectors-group{display:flex;align-items:stretch;gap:14px;flex-shrink:0;list-style:none;margin:0;padding:0 14px 0 0}
.sector-item{display:flex;align-items:center;justify-content:center;min-height:76px;padding:20px 28px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:19px;font-weight:700;line-height:1.4;color:var(--navy)}
.sectors-track-2 .sector-item{background:var(--white);border-color:var(--line-strong)}
.sectors-closing{text-align:center}
.sectors-conclusion{max-width:850px;margin:26px auto 0;font-size:clamp(27px,2.6vw,36px);line-height:1.3;font-weight:750;letter-spacing:-.02em;color:var(--navy);text-wrap:balance}
.sectors-conclusion strong{font-weight:850;color:var(--blue)}
@keyframes sectors-drift{to{transform:translateX(-50%)}}
.result-section{padding:91px 0 80px}
.result-celebration{max-width:920px;margin:0 auto;padding:0;border:0}
.result-congratulations{font-size:clamp(54px,6.3vw,88px);font-weight:850;line-height:1.1;letter-spacing:-.035em;color:var(--white)}
.result-explanation{max-width:690px;margin:25px auto 0;font-size:23px;line-height:1.55;color:var(--white);text-wrap:balance}
.result-effortless{font-size:24px;line-height:1.4;margin-top:18px}
.result-equation{max-width:650px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:24px;margin:44px auto 0;padding-top:35px;border-top:1px solid color-mix(in oklch,var(--white) 25%,transparent)}
.equation-term{flex-direction:row;justify-content:center;align-items:center;gap:17px}
.equation-number{font-size:82px;line-height:1;letter-spacing:-.03em;padding:0}
.equation-label{font-size:24px;line-height:1.2;text-align:left;max-width:8ch;letter-spacing:-.02em}
.equation-equals{height:20px;gap:10px;margin:0;align-self:center}
.equation-equals>span{height:4px}
@media(max-width:1199px){
.proof-strip li,.proof-strip li+li{padding:23px 17px;gap:13px}
.proof-visual{width:52px;height:58px;flex-basis:52px}
.proof-strip strong{font-size:18px}
.proof-strip li span{font-size:13px}
}
@media(max-width:920px){
.proof-strip ul{grid-template-columns:1fr;max-width:600px;margin-inline:auto;gap:12px}
.proof-strip li,.proof-strip li+li{min-height:108px;padding:21px 26px;gap:23px;flex-direction:row;text-align:left;justify-content:flex-start}
.proof-strip strong{font-size:20px}
.proof-strip li span{font-size:14px}
.proof-visual{width:64px;flex-basis:64px}
.benefit-art{height:142px;padding:22px}
.benefit-glyph{width:96px;height:84px}
.sectors-section{padding:42px 0 70px}
}
@media(max-width:760px){
.hero{padding:24px 0 16px}
.hero-small-break{display:initial}
.hero h1{line-height:1.13;letter-spacing:-.035em;max-width:670px}
.hero-caption{font-size:22px;max-width:570px;margin-bottom:18px}
.hero-actions .button{font-size:18px;min-height:60px;min-width:280px;padding:16px 27px}
.hero-actions .text-link{font-size:16px}
.proof-strip{padding:24px 0 36px}
.benefits-section{padding-top:42px}
.compatibility-section{padding-bottom:40px}
.sectors-section .section-heading>p:not(.eyebrow){font-size:17px}
.sectors-marquee{margin-top:30px}
.sector-item{min-height:64px;padding:17px 22px;font-size:17px}
.sectors-conclusion{font-size:28px;max-width:650px;margin-top:23px}
.result-section{padding:68px 0 57px}
.result-congratulations{font-size:58px}
.result-explanation{font-size:20px;max-width:570px}
.result-effortless{font-size:21px}
.result-equation{margin-top:35px;padding-top:29px;max-width:570px}
.equation-number{font-size:70px}
.equation-label{font-size:22px}
}
@media(max-width:430px){
.hero-caption{font-size:20px;line-height:1.5}
.hero-actions .button{min-width:0;width:100%;font-size:18px;padding-inline:25px}
.hero-actions .cta-with-offer{width:100%;max-width:330px}
.hero-actions .text-link{font-size:15px}
.proof-strip li,.proof-strip li+li{padding:21px 18px;gap:17px}
.proof-visual{width:53px;flex-basis:53px}
.proof-strip strong{font-size:18px}
.proof-strip li span{font-size:13px}
.sectors-section .section-heading h2{font-size:32px}
.sectors-section .section-heading>p:not(.eyebrow){font-size:16px}
.sectors-conclusion{font-size:26px}
.sector-item{font-size:16px;padding-inline:20px}
.sectors-marquee{mask-image:linear-gradient(90deg,transparent,var(--navy) 3%,var(--navy) 97%,transparent)}
.result-congratulations{font-size:clamp(42px,12vw,51px)}
.result-explanation{font-size:18px;margin-top:20px}
.result-effortless{font-size:20px}
.result-equation{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px;margin-top:31px;padding-top:26px}
.equation-term{gap:9px}
.equation-number{font-size:54px}
.equation-label{font-size:18px;max-width:7ch}
.equation-equals{gap:8px;height:18px}
.equation-equals>span{height:3px}
}
@media(prefers-reduced-motion:reduce){
.sectors-marquee{overflow:visible;mask-image:none}
.sectors-track{animation:none!important;width:100%;transform:none!important;will-change:auto}
.sectors-track+.sectors-track{margin-top:12px}
.sectors-group{width:100%;flex-wrap:wrap;justify-content:center;padding:0 20px;gap:10px}
.sector-item{min-width:0;max-width:100%;padding:12px 16px;font-size:15px;min-height:48px}
.sectors-group[aria-hidden=true]{display:none}
}
@media(forced-colors:active){
.brand-ink,.closing-inner .brand-ink{background:none;color:CanvasText}
.sector-item,.sectors-track-2 .sector-item{background:Canvas;color:CanvasText;border-color:CanvasText}
.sectors-conclusion strong,.glyph-accent{color:CanvasText;stroke:CanvasText}
.glyph-paper,.benefit-glyph .glyph-accent{fill:Canvas}
.proof-visual,.benefit-glyph{stroke:CanvasText}
.result-congratulations{color:CanvasText}
}
html{scrollbar-gutter:stable}
.operator-marquee.is-background .operator-track,.sectors-marquee.is-background .sectors-track{animation-play-state:paused}
:is(a,button,summary,input,textarea,[tabindex]):focus-visible{transition:none;scroll-margin-block:104px 24px}
.button:focus-visible,.button-primary:focus-visible{transform:none}
.button:focus-visible .icon,.text-link:focus-visible .icon{transform:none;transition:none}
#tarif .price-calculator.calculator-instant .calculator-tabs::before,#tarif .price-calculator.calculator-instant .calculator-tabs button,#tarif .price-calculator.calculator-instant .calculator-ticks button{transition:none!important}
#dashboard .dashboard-switch button:focus-visible,#roi .roi-stepper button:focus-visible{transition:none!important;transform:none!important}
#pricing-recueil,#pricing-sms{scroll-margin-top:104px}
.calculator-summary .calculator-plan-name{font-size:17px;font-weight:800;line-height:1.4;color:var(--navy);text-wrap:balance}
@media(forced-colors:active){
.calculator-summary .calculator-plan-name{color:CanvasText}
}
@media(max-width:1023px){
.header-actions .login-link{display:none}
}
@media(max-width:920px){
.benefit-columns{max-width:680px;gap:0;container-type:inline-size;container-name:benefits}
.benefit-columns .benefit{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto;column-gap:24px;row-gap:0;align-items:start;padding:28px 0;border:0;border-radius:0;background:transparent;box-shadow:none;transition:none}
.benefit-columns .benefit+.benefit{border-top:1px solid var(--line)}
.benefit-columns .benefit:hover{transform:none;box-shadow:none;border-color:var(--line)}
.benefit-columns .benefit-art{grid-column:1;grid-row:1/3;align-self:start;width:80px;height:80px;min-height:0;padding:12px;margin:0;border-radius:16px}
.benefit-columns .benefit-glyph{width:56px;height:auto;max-width:100%}
.benefit-columns .benefit h3{grid-column:2;grid-row:1;max-width:none;margin:0 0 10px;font-size:24px;line-height:1.25;letter-spacing:-.02em}
.benefit-columns .benefit p{grid-column:2;grid-row:2;max-width:none;margin:0;font-size:16px;line-height:1.6;text-wrap:pretty}
}
@container benefits (max-width:400px){
.benefit-columns .benefit{grid-template-columns:60px minmax(0,1fr);column-gap:16px;padding-block:24px}
.benefit-columns .benefit-art{width:60px;height:60px;padding:10px}
.benefit-columns .benefit-glyph{width:40px}
.benefit-columns .benefit h3{font-size:22px;margin-bottom:8px}
.benefit-columns .benefit p{font-size:15px}
}
@media(max-width:430px){
.calculator-ticks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:44px;margin:8px 0 0}
.price-calculator[data-mode="sms"] .calculator-ticks{grid-template-columns:repeat(3,minmax(0,1fr))}
.calculator-ticks button{min-width:44px;min-height:44px;padding:8px 4px;border-color:var(--line-strong);background:var(--white);color:var(--navy);font-size:13px}
.calculator-ticks button[aria-pressed=true]{border-color:var(--navy);background:var(--surface);color:var(--navy)}
}
@media(forced-colors:active){
.calculator-ticks button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight}
.benefit-columns .benefit+.benefit{border-color:CanvasText}
}
.how-section{padding:88px 0 84px;background:var(--pale)}
.how-section::before{content:none}
.flow-sequence{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;margin:56px 0 0;padding:0}
.flow-sequence::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:27px;height:1px;background:color-mix(in oklch,var(--blue) 24%,var(--pale))}
.flow-step{min-width:0;text-align:left;color:var(--navy)}
.flow-number{display:inline-block;padding:0 18px 0 0;background:var(--pale);color:var(--blue);font-size:48px;font-weight:600;line-height:1.15;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.flow-missed .flow-number{color:var(--navy)}
.flow-next .flow-number{color:var(--green)}
.flow-copy{min-width:0;margin-top:27px}
.flow-copy h3{max-width:24ch;margin:0 0 14px;font-size:24px;line-height:1.25;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.flow-copy p{max-width:36ch;margin:0;color:var(--ink);font-size:16px;line-height:1.65;text-wrap:pretty}
.modes-section{padding:88px 0 96px;background:var(--white)}
.sms-choices-intro{max-width:980px;margin:0 auto;text-align:center}
.sms-choices-intro h2{max-width:none;margin:0;font-size:clamp(32px,3.5vw,48px);line-height:1.2;letter-spacing:-.025em;color:var(--navy);font-weight:650;text-wrap:balance}
.sms-choices-intro h2>span,.sms-choices-intro h2>strong{display:block}
.sms-choices-intro h2>strong{margin-top:8px;color:var(--blue);font-weight:800}
.sms-choices-lead{margin:25px 0 0;color:var(--ink);font-size:18px;line-height:1.5;font-weight:500}
.sms-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;max-width:1040px;margin:52px auto 0}
.sms-option{min-width:0;padding-top:28px;border-top:1px solid var(--line-strong)}
.sms-option h3{margin:0 0 20px;font-size:30px;line-height:1.25;letter-spacing:-.02em;font-weight:800;color:var(--navy);text-wrap:balance}
.sms-option p{max-width:48ch;margin:0;color:var(--ink);font-size:18px;line-height:1.65;text-wrap:pretty}
.result-equation .equation-number{font-size:clamp(38px,4.2vw,58px)}
@media(max-width:1100px){
.flow-sequence{gap:32px}
.flow-copy h3{font-size:22px}
.sms-options{gap:44px}
.sms-option h3{font-size:28px}
.sms-option p{font-size:17px}
}
@media(max-width:760px){
.how-section{padding:64px 0}
.flow-sequence{grid-template-columns:minmax(0,1fr);gap:32px;max-width:550px;margin:40px auto 0}
.flow-sequence::before{left:25px;right:auto;top:18px;bottom:24px;width:1px;height:auto}
.flow-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:24px;align-items:start}
.flow-number{position:relative;padding:0 0 12px;font-size:36px;text-align:center}
.flow-copy{margin-top:0}
.flow-copy h3{font-size:22px;max-width:none;margin-bottom:10px;text-wrap:pretty}
.flow-copy p{font-size:16px;line-height:1.6;max-width:38ch}
.modes-section{padding:64px 0 68px}
.sms-choices-intro{max-width:580px}
.sms-choices-intro h2{font-size:clamp(28px,4.8vw,36px);line-height:1.25}
.sms-choices-lead{margin-top:21px;font-size:17px}
.sms-options{grid-template-columns:minmax(0,1fr);gap:32px;max-width:550px;margin-top:36px}
.sms-option{padding-top:25px}
.sms-option h3{font-size:26px;margin-bottom:16px;text-wrap:pretty}
.sms-option p{font-size:17px;line-height:1.65;max-width:none}
}
@media(max-width:430px){
.flow-step{grid-template-columns:44px minmax(0,1fr);gap:18px}
.flow-number{font-size:32px}
.flow-sequence::before{left:21px}
.flow-copy h3{font-size:21px}
.sms-option h3{font-size:25px}
.sms-option p{font-size:16px}
}
@media(forced-colors:active){
.flow-number{background:Canvas;color:CanvasText}
.flow-sequence::before{background:CanvasText}
.sms-choices-intro h2>strong{color:CanvasText}
.sms-option{border-color:CanvasText}
}
@media(min-width:761px){
@supports(grid-template-rows:subgrid){
.flow-sequence{row-gap:0}
.flow-step{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}
.flow-number{justify-self:start;align-self:start;margin-bottom:27px}
.flow-copy{display:contents}
}
}
.sms-option-description{display:grid;gap:18px}
.sms-option-description p{margin:0}
.sms-option-description p:first-child{font-weight:700;color:var(--navy)}
.dashboard-section{padding:88px 0;background:var(--white)}
.setup-section{padding:70px 0;background:var(--surface);border-block:1px solid var(--line)}
.setup-section .section-heading.centered{max-width:800px}
.setup-section .section-heading.centered h2{max-width:800px;font-size:clamp(32px,3.2vw,44px)}
.setup-section .section-heading>p:not(.eyebrow){font-size:18px;margin-top:18px}
.price-calculator{margin-top:30px;max-width:1040px}
.calculator-tabs{width:auto;max-width:none;margin:0;padding:22px;gap:18px;border:0;border-radius:26px 26px 0 0;background:var(--white);align-items:stretch}
.calculator-tabs::before{content:none}
.calculator-tabs button{display:flex;flex-direction:column;align-items:stretch;gap:9px;text-align:left;min-width:0;padding:22px 23px;border:1px solid var(--line-strong);border-radius:15px;background:var(--white);color:var(--navy);font-weight:600;transition:border-color 160ms ease,background-color 160ms ease;white-space:normal}
.calculator-tabs button[aria-selected=true]{background:var(--surface);border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);font-weight:600}
.calculator-tabs .mode-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.mode-name{font-size:21px;font-weight:800;line-height:1.3}
.mode-selection{display:block;flex-shrink:0;width:21px;height:21px;margin-top:3px;border:1px solid var(--muted);border-radius:50%;background:var(--white)}
[aria-selected=true] .mode-selection{border:6px solid var(--navy)}
.mode-audience{font-size:15px;color:var(--ink);font-weight:500;line-height:1.5;max-width:36ch;flex:1}
.mode-start-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:8px;font-size:14px;line-height:1.3;color:var(--ink)}
.mode-start-price strong{font-size:32px;line-height:1.2;color:var(--navy);font-weight:800;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}
.mode-volume{font-size:14px;color:var(--ink);font-weight:650}
.calculator-config{padding:31px 34px}
.calculator-description{font-size:17px;max-width:none;min-height:51px}
.calculator-volume-value>output,.calculator-price>.num,.calculator-ticks button,.calculator-tax .num{font-family:var(--font-sans);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;font-stretch:100%}
.calculator-volume-value>output{font-size:44px;font-weight:800}
.calculator-volume-value>span{font-size:15px;color:var(--ink)}
.calculator-ticks button{font-size:14px;font-weight:700}
.calculator-summary{padding:31px 34px;justify-content:flex-start}
.calculator-summary .calculator-plan-name{font-size:19px}
.calculator-billing-label{font-size:14px;color:var(--muted);margin-top:21px}
.calculator-price{padding-top:8px;min-height:0;gap:10px;flex-wrap:wrap}
.calculator-price>.num{font-size:clamp(48px,5vw,64px);font-weight:800;line-height:1.15}
.calculator-currency{font-size:30px;font-weight:750}
.calculator-tax{font-size:16px;margin-top:5px}
.calculator-tax>span{font-size:14px;display:block;margin:4px 0 0}
.calculator-allowance{font-size:16px;font-weight:700;margin-top:22px;padding-top:18px}
.calculator-summary .cta-with-offer{gap:12px;margin-top:24px}
.calculator-features{font-size:15px;gap:13px;min-height:140px}
@media(hover:hover) and (pointer:fine){
.calculator-tabs button:not([aria-selected=true]):hover{background:var(--surface);color:var(--navy);border-color:var(--navy);text-decoration:none}
.calculator-tabs button[aria-selected=true]:hover{border-color:var(--navy);background:var(--surface);color:var(--navy)}
}
@media(max-width:920px){
.calculator-tabs{padding:18px;gap:14px}
.calculator-tabs button{padding:20px}
.calculator-config,.calculator-summary{padding:27px 25px}
.calculator-features{font-size:14px}
.mode-name{font-size:19px}
.mode-start-price strong{font-size:29px}
}
@media(max-width:640px){
.dashboard-section{padding:60px 0}
.setup-section{padding:54px 0}
.setup-section .section-heading>p:not(.eyebrow){font-size:17px}
.calculator-tabs{grid-template-columns:1fr;padding:16px;gap:12px;border-radius:21px 21px 0 0}
.calculator-tabs button{padding:18px;gap:7px;min-height:44px}
.mode-name{font-size:20px}
.mode-audience{max-width:none}
.mode-start-price{margin-top:4px}
.mode-start-price strong{font-size:29px}
.calculator-config{display:contents}
.calculator-description{padding:23px 23px 0;min-height:0;font-size:16px}
.calculator-volume{padding:23px}
.calculator-volume-value>output{font-size:40px}
.calculator-volume-value>span{font-size:14px}
.calculator-summary{padding:25px 23px}
.calculator-billing-label{margin-top:17px}
.calculator-price>.num{font-size:56px}
.calculator-tax>span{display:block;margin:4px 0 0}
.calculator-features{padding:23px;min-height:0}
.sms-option-description{gap:17px}
}
@media(max-width:359px){
.calculator-price>.num{font-size:49px}
.calculator-currency{font-size:27px}
.calculator-volume-value>span{font-size:13px}
.mode-start-price strong{font-size:27px}
}
@media(forced-colors:active){
.calculator-tabs button[aria-selected=true]{background:Canvas;color:CanvasText;border-color:Highlight;outline:2px solid Highlight;outline-offset:-2px}
.mode-selection{border-color:CanvasText}
[aria-selected=true] .mode-selection{border-color:Highlight}
}
html{scroll-behavior:auto;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.hero h1{letter-spacing:-.03em}
.result-congratulations{max-width:none;margin-inline:auto}
.result-explanation{max-width:640px}
.section-heading.centered h2{letter-spacing:-.02em}
.calculator-label{letter-spacing:.01em}
.mode-start-price strong{letter-spacing:-.01em}
.calculator-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.calculator-tabs button:active{background:var(--surface);color:var(--navy);border-color:var(--navy)}
.calculator-ticks{flex-wrap:wrap;gap:6px;margin-inline:0}
.calculator-features{min-height:0}
.calculator-copy-slot{align-items:start}
.pricing-fallback{max-width:1040px;margin:30px auto 0;padding:24px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface)}
.pricing-fallback h3{font-size:22px}
.pricing-fallback-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.pricing-fallback table{table-layout:fixed;font-size:14px;font-variant-numeric:tabular-nums}
.pricing-fallback th:first-child{width:38%}
.pricing-fallback :is(th,td){padding:12px 6px;overflow-wrap:anywhere}
.pricing-fallback caption{font-size:18px}
.pricing-fallback>p{font-size:15px;line-height:1.6;margin:8px 0 18px}
.operator-heading{flex-wrap:wrap}
.operator-heading h3{min-width:0}
.operator-track,.sectors-track{animation-iteration-count:infinite}
@media(max-width:820px){
.calculator-body{grid-template-columns:minmax(0,1fr)}
.calculator-config{display:contents}
.calculator-description{grid-row:1;padding:24px 24px 0;min-height:0}
.calculator-volume{grid-row:2;margin:0;padding:24px}
.calculator-features{grid-row:4;margin:0;padding:24px;min-height:0}
.calculator-summary{grid-row:3;border-left:0;border-top:1px solid var(--line);padding:26px 24px}
.calculator-price>.num{font-size:56px}
.calculator-tax>span{display:block;margin:4px 0 0}
.calculator-volume-value>span{font-size:14px}
.calculator-tabs{gap:14px}
.calculator-tabs button{padding:19px}
.mode-name{font-size:19px}
.pricing-fallback-tables{grid-template-columns:1fr}
}
@media(max-width:430px){
.calculator-summary,.calculator-volume,.calculator-features{padding-inline:20px}
.calculator-description{padding-inline:20px}
.calculator-price>.num{font-size:clamp(46px,13vw,56px)}
.calculator-currency{font-size:28px}
.pricing-fallback{padding:18px 14px}
.pricing-fallback table{font-size:13px}
.operator-heading{justify-content:flex-start;gap:12px}
.hero-actions .text-link{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
.operator-track,.sectors-track{animation:none!important}
}
@media(forced-colors:active){
.calculator-tabs button:focus-visible{outline-color:Highlight}
.calculator-tabs button:active{background:Canvas;color:CanvasText;border-color:Highlight}
}
.calculator-volume{container:rappli-volume / inline-size}
.calculator-tier-help{margin:14px 0 10px;color:var(--ink);font-size:13px;line-height:1.5;letter-spacing:.01em}
.price-calculator .calculator-ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;min-height:0}
.price-calculator .calculator-ticks button{display:grid;grid-template-columns:minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:5px 8px;align-content:center;min-width:0;min-height:82px;padding:12px 14px;border:1px solid var(--muted);border-radius:8px;background:var(--white);color:var(--navy);text-align:left;font-weight:600;line-height:1.35;transition:border-color 150ms ease,box-shadow 150ms ease}
.calculator-ticks .tier-volume{grid-column:1;grid-row:1;font-size:14px;min-width:0;text-wrap:pretty}
.calculator-ticks .tier-price{grid-column:1;grid-row:2;font-size:19px;font-weight:800;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}
.calculator-ticks .tier-check{grid-column:2;grid-row:1 / 3;width:18px;height:18px;align-self:center;visibility:hidden}
.price-calculator .calculator-ticks button[aria-pressed=true]{background:var(--surface);color:var(--navy);border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.calculator-ticks button[aria-pressed=true] .tier-check{visibility:visible}
.price-calculator .calculator-ticks button:hover,.price-calculator .calculator-ticks button:active{color:var(--navy);border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.price-calculator .calculator-ticks button:not([aria-pressed=true]):hover,.price-calculator .calculator-ticks button:not([aria-pressed=true]):active{background:var(--white)}
.price-calculator .calculator-ticks button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@container rappli-volume (min-width:440px){
.price-calculator[data-mode="sms"] .calculator-ticks{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:430px){
.price-calculator .calculator-ticks button{padding:12px 10px;gap:5px 6px}
.calculator-ticks .tier-volume{font-size:13px}
.calculator-ticks .tier-price{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
.price-calculator .calculator-ticks button{transition:none}
}
@media(forced-colors:active){
.price-calculator .calculator-ticks button,.price-calculator .calculator-ticks button:hover,.price-calculator .calculator-ticks button:active{background:Canvas;color:CanvasText;border-color:ButtonText}
.price-calculator .calculator-ticks button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight}
.price-calculator .calculator-ticks button:focus-visible{outline-color:Highlight}
}
.navigation-target{scroll-margin-block:104px 24px}
.navigation-target:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:4px}
.mobile-menu summary{touch-action:manipulation}
#pricing-volume-slider{touch-action:pan-y pinch-zoom}
@media(max-width:1023px){
.site-header{height:auto;min-height:72px;padding-top:env(safe-area-inset-top,0px)}
.site-header .header-inner{width:auto;margin-inline:max(32px,env(safe-area-inset-left,0px)) max(32px,env(safe-area-inset-right,0px))}
.mobile-menu{flex-shrink:0}
.mobile-panel{max-height:calc(100vh - var(--navigation-bottom,80px));max-height:calc(100dvh - var(--navigation-bottom,80px));padding-inline:max(32px,env(safe-area-inset-left,0px)) max(32px,env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
}
@media(max-width:760px){
.site-header .header-inner{margin-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}
.mobile-panel{padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}
}
@media(max-width:430px){
.site-header .header-inner{margin-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
.mobile-panel{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
}
@media(forced-colors:active){
.navigation-target:focus-visible{outline-color:Highlight}
}
.trial-offer{display:inline-flex;align-items:baseline;justify-content:center;gap:3px;min-height:44px;padding:4px 0;color:var(--green);font-size:24px;font-weight:700;line-height:1.4;letter-spacing:-.02em;text-decoration:none}
.trial-offer strong{font-weight:800}
.trial-offer sup{position:relative;top:-.28em;font-size:14px;line-height:1;letter-spacing:0}
.trial-offer:hover,.trial-offer:active{color:var(--green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.hero-actions .cta-with-offer,.closing-inner .cta-with-offer{gap:7px}
.hero-actions .trial-offer,.closing-inner .trial-offer{font-size:25px}
.closing-inner .button-outline{background:transparent;color:var(--navy);border-color:var(--navy);box-shadow:none}
.closing-inner .button-outline:hover,.closing-inner .button-outline:active{background:var(--white);color:var(--navy);border-color:var(--navy)}
.dashboard-section{--dashboard-width:1040px;--dashboard-duration:260ms;--dashboard-travel:12px;padding:96px 0 88px;background:var(--white)}
.dashboard-heading.section-heading.centered{max-width:860px;margin-inline:auto}
.dashboard-heading.section-heading.centered h2{max-width:820px;margin-inline:auto;font-size:clamp(32px,3.6vw,48px);line-height:1.18;text-wrap:balance}
.dashboard-heading.section-heading>p:not(.eyebrow){font-size:18px;max-width:58ch;margin:20px auto 0;line-height:1.6}
.dashboard-switch{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(100%,452px);max-width:100%;margin:30px auto 32px;padding:6px;border:1px solid var(--line-strong);border-radius:17px;background:var(--surface)}
.dashboard-switch::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:calc(50% - 8px);border:1px solid var(--line-strong);border-radius:11px;background:var(--white);box-shadow:0 3px 10px color-mix(in oklch,var(--navy) 8%,transparent);transform:translateX(0);transition:transform var(--dashboard-duration) var(--ease);pointer-events:none}
.dashboard-switch[data-active=sms]::before{transform:translateX(calc(100% + 4px))}
.dashboard-switch button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:50px;padding:12px 16px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--navy);font-size:16px;line-height:1.4;font-weight:750;letter-spacing:0;transition:transform 140ms var(--ease),border-color 140ms ease}
.dashboard-switch button::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--green);opacity:0}
.dashboard-switch button[aria-selected=true]::before{opacity:1}
.dashboard-switch button[aria-selected=true]{background:transparent;color:var(--navy)}
.dashboard-switch button:active{transform:translateY(1px)}
.dashboard-switch button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
.dashboard-switch button:hover{background:transparent;color:var(--navy);border-color:var(--line-strong);transform:translateY(-1px)}
.dashboard-switch button:active{transform:translateY(1px)}
}
.dashboard-stage{max-width:var(--dashboard-width);margin-inline:auto;min-width:0;padding:20px;border:1px solid var(--line);border-radius:24px;background:color-mix(in oklch,var(--surface) 65%,var(--white));box-shadow:0 24px 56px -44px color-mix(in oklch,var(--navy) 24%,transparent)}
.dashboard-panel{margin:0;min-width:0}
.dashboard-panel+.dashboard-panel{margin-top:32px}
.dashboard-stage[data-ready]{display:grid;isolation:isolate}
.dashboard-stage[data-ready] .dashboard-panel{grid-area:1/1;margin-top:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(var(--dashboard-travel));transition:opacity 160ms var(--ease),transform var(--dashboard-duration) var(--ease),visibility 0s linear var(--dashboard-duration)}
.dashboard-stage[data-ready] .dashboard-panel[data-dashboard-panel=recueil]{transform:translateX(calc(-1 * var(--dashboard-travel)))}
.dashboard-stage[data-ready] .dashboard-panel[data-active=true]{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition:opacity 220ms var(--ease) 30ms,transform var(--dashboard-duration) var(--ease),visibility 0s}
.dashboard-stage[data-instant] .dashboard-panel,.dashboard-switch[data-instant]::before{transition:none!important}
.dashboard-panel figcaption{display:flex;justify-content:space-between;gap:12px 28px;align-items:baseline;margin:18px 6px 2px;color:var(--ink);font-size:15px;line-height:1.6}
.dashboard-panel figcaption strong{color:var(--navy);font-size:17px;font-weight:800;flex-shrink:0}
.dashboard-panel figcaption span{max-width:60ch;text-wrap:pretty}
.setup-section{padding:80px 0;background:var(--surface)}
.setup-path{display:grid;grid-template-columns:1fr 1.35fr .85fr;gap:64px;max-width:1080px;margin:52px auto 0;padding:0;list-style:none}
.setup-moment{position:relative;min-width:0}
.setup-step-mark{display:flex;align-items:center;gap:24px;min-height:64px;margin-bottom:24px}
.setup-index{font-size:46px;font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:lining-nums tabular-nums;color:var(--blue)}
.setup-moment h3{font-size:22px;line-height:1.35;font-weight:800;margin-bottom:12px;letter-spacing:-.02em;text-wrap:pretty}
.setup-moment p{max-width:29ch;font-size:16px;line-height:1.6;color:var(--ink)}
.setup-dial{display:inline-flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid var(--line-strong);border-radius:12px;background:var(--white);box-shadow:0 3px 0 var(--line);color:var(--navy)}
.setup-dial .icon{width:22px;height:22px}
.setup-dial>span{font-family:var(--font-mono);font-size:19px;letter-spacing:.12em;line-height:1.4}
.setup-finish h3{color:var(--green);font-size:26px}
.pricing-section{background:var(--pale);padding:88px 0}
.pricing-section .brand-ink{background:none;color:var(--navy);-webkit-text-fill-color:var(--navy)}
.price-calculator{margin-top:40px;border-color:var(--line-strong);background:var(--white);box-shadow:0 20px 50px -32px color-mix(in oklch,var(--navy) 27%,transparent)}
.calculator-tabs{background:var(--white);padding:22px;gap:16px}
.calculator-tabs button{border-color:var(--line-strong);background:var(--white)}
.calculator-tabs button[aria-selected=true],.calculator-tabs button[aria-selected=true]:hover,.calculator-tabs button[aria-selected=true]:active{background:var(--blue);border-color:var(--blue);box-shadow:none;color:var(--white)}
.calculator-tabs button[aria-selected=true] :is(.mode-name,.mode-audience,.mode-start-price,.mode-start-price strong,.mode-volume){color:var(--white)}
.calculator-tabs button[aria-selected=true] .mode-selection{background:var(--white);border:6px solid var(--white);box-shadow:inset 0 0 0 3px var(--blue)}
.calculator-body{border-bottom:0}
.calculator-config{padding:34px}
.calculator-volume-value>output{font-size:48px;font-weight:850;letter-spacing:-.025em}
.price-calculator .calculator-ticks button{border-color:var(--line-strong);background:var(--white);color:var(--navy)}
.price-calculator .calculator-ticks button[aria-pressed=true]{border-color:var(--navy);background:var(--pale);color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.calculator-summary{padding:34px 36px;background:var(--navy);border-color:var(--navy);color:var(--white);justify-content:center}
.calculator-summary .calculator-plan-name{color:var(--white);font-size:20px;font-weight:750}
.calculator-summary .calculator-billing-label{color:var(--white);font-size:14px;margin-top:24px}
.calculator-summary .calculator-price{color:var(--white);padding-top:10px;gap:10px}
.calculator-summary .calculator-price>.num{font-size:clamp(54px,5.3vw,74px);font-weight:800;letter-spacing:-.025em;line-height:1.12}
.calculator-summary .calculator-currency{font-size:30px}
.calculator-summary .calculator-tax,.calculator-summary .calculator-tax>span{color:var(--white)}
.calculator-summary .calculator-tax>span{font-size:13px}
.calculator-summary .calculator-allowance{color:var(--white);border-color:color-mix(in oklch,var(--white) 23%,transparent);font-size:15px;margin-top:24px;padding-top:20px}
.calculator-summary .cta-with-offer{align-items:stretch;gap:14px;margin-top:28px}
.calculator-summary .trial-offer{align-self:flex-start;justify-content:flex-start;color:var(--green-on-navy);font-size:30px;letter-spacing:-.02em}
.calculator-summary .trial-offer:hover,.calculator-summary .trial-offer:active{color:var(--green-on-navy)}
.calculator-summary .button-trial{min-height:58px;background:var(--white);color:var(--navy);border:1px solid var(--white);font-size:17px;box-shadow:none}
.calculator-summary .button-trial:hover,.calculator-summary .button-trial:active{background:var(--white);color:var(--navy);border-color:var(--white);box-shadow:0 0 0 3px color-mix(in oklch,var(--white) 23%,transparent);transform:none}
.calculator-summary :is(a,button):focus-visible{outline-color:var(--white);outline-offset:4px}
.pricing-no-commitment{font-size:13px;line-height:1.5;color:var(--white);text-align:center;margin-top:0}
@media(max-width:920px){
.setup-path{gap:40px;grid-template-columns:1fr 1.3fr .9fr}
.setup-step-mark{gap:16px}
.setup-dial{padding:9px 10px}
.setup-moment h3{font-size:20px}
.setup-finish h3{font-size:24px}
.calculator-summary{padding:30px}
.dashboard-panel figcaption{display:block}
.dashboard-panel figcaption strong{display:block;margin-bottom:6px}
}
@media(max-width:820px){
.calculator-config{display:contents}
.calculator-summary{padding:32px 28px;border-top:0;border-left:0}
.calculator-summary .calculator-price>.num{font-size:64px}
.calculator-summary .cta-with-offer{max-width:500px}
.calculator-features{background:var(--white)}
.calculator-tabs{padding:18px}
.dashboard-section{padding:72px 0}
.setup-section{padding:64px 0}
.setup-path{grid-template-columns:1fr;gap:34px;max-width:540px;margin-top:38px}
.setup-moment{padding-left:86px;min-height:102px}
.setup-step-mark{position:absolute;top:0;left:0;min-height:58px;margin:0}
.setup-index{font-size:40px}
.setup-dial{position:static;margin:0 0 18px;display:none}
.setup-moment:nth-child(2) .setup-step-mark{position:static;display:block;min-height:0}
.setup-moment:nth-child(2) .setup-index{position:absolute;left:0;top:0}
.setup-moment:nth-child(2) .setup-dial{display:inline-flex}
.setup-moment h3{font-size:22px;max-width:31ch}
.setup-moment p{max-width:38ch;font-size:16px}
.setup-finish h3{font-size:25px}
}
@media(max-width:640px){
.dashboard-section{--dashboard-duration:200ms;--dashboard-travel:6px}
.dashboard-switch{width:min(100%,452px);gap:4px;padding:6px;margin:24px auto 28px}
.dashboard-stage{padding:8px;border-radius:18px}
.dashboard-stage[data-ready] .dashboard-panel[data-active=true]{transition:opacity 170ms var(--ease) 20ms,transform var(--dashboard-duration) var(--ease),visibility 0s}
.dashboard-switch button{flex:1;min-width:0;padding:11px 8px;font-size:14px}
.dashboard-heading.section-heading>p:not(.eyebrow){font-size:17px}
.dashboard-panel figcaption{margin:14px 8px 8px;font-size:14px}
.dashboard-panel figcaption strong{font-size:17px}
.pricing-section{padding:64px 0}
.calculator-tabs{padding:16px}
.calculator-tabs button{padding:20px}
.calculator-summary{padding:30px 24px}
.calculator-summary .calculator-price>.num{font-size:60px}
.calculator-summary .trial-offer{font-size:29px}
.calculator-volume-value>output{font-size:44px}
.setup-path{gap:36px}
.setup-moment{padding-left:74px}
.setup-moment h3{font-size:20px}
.setup-moment p{font-size:15px}
.setup-finish h3{font-size:24px}
.setup-index{font-size:37px}
}
@media(max-width:359px){
.calculator-summary .calculator-price>.num{font-size:53px}
.dashboard-switch button{font-size:13px}
.setup-moment{padding-left:64px}
.setup-moment h3{font-size:19px}
.setup-dial{padding:8px 11px}
.setup-dial>span{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
.dashboard-switch button,.dashboard-switch::before,.dashboard-stage[data-ready] .dashboard-panel{transition:none!important}
.dashboard-switch button:active,.dashboard-switch button:hover,.dashboard-stage[data-ready] .dashboard-panel{transform:none!important}
.operator-track,.sectors-track{animation:none!important}
}
@media(forced-colors:active){
.trial-offer,.calculator-summary .trial-offer{color:LinkText}
.dashboard-switch button[aria-selected=true],.calculator-tabs button[aria-selected=true],.calculator-tabs button[aria-selected=true]:hover{background:Highlight;color:HighlightText;border-color:Highlight}
.calculator-tabs button[aria-selected=true] :is(.mode-name,.mode-audience,.mode-start-price,.mode-start-price strong,.mode-volume){color:HighlightText}
.calculator-summary{background:Canvas;color:CanvasText;border-color:CanvasText}
.calculator-summary :is(.calculator-plan-name,.calculator-billing-label,.calculator-price,.calculator-tax,.calculator-tax>span,.calculator-allowance,.pricing-no-commitment){color:CanvasText}
.calculator-summary .button-trial,.calculator-summary .button-trial:hover{background:ButtonFace;color:ButtonText;border-color:ButtonText}
.calculator-summary :is(a,button):focus-visible{outline-color:Highlight}
.setup-index,.setup-finish h3{color:CanvasText}
.setup-dial{border-color:CanvasText}
}
.roi-section{padding:88px 0;background:var(--white)}
.roi-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px 72px;align-items:end;margin-bottom:48px}
.roi-heading .eyebrow{color:var(--muted);margin-bottom:18px}
.roi-heading h2{max-width:560px}
.roi-heading>p{max-width:440px;font-size:18px;line-height:1.65;color:var(--muted);padding-bottom:3px}
.roi-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:72px;align-items:stretch}
.roi-inputs{min-width:0;padding:28px 0 16px;border-top:1px solid var(--line-strong);display:flex;flex-direction:column;justify-content:center;gap:38px}
.roi-field{min-width:0}
.roi-field label{display:block;font-size:17px;font-weight:750;color:var(--navy);line-height:1.45}
.roi-select-wrap{position:relative;margin-top:13px}
.roi-select-wrap>svg{position:absolute;right:18px;top:21px;width:16px;height:16px;pointer-events:none;color:var(--navy)}
.roi-select{display:block;appearance:none;width:100%;min-width:0;min-height:58px;padding:15px 45px 15px 17px;background:var(--white);color:var(--navy);border:1px solid var(--muted);border-radius:10px;font:600 16px/1.5 var(--font-sans);cursor:pointer;transition:border-color 150ms,box-shadow 150ms}
.roi-select:focus-visible,.roi-range:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.roi-select:disabled{cursor:default;opacity:1}
.roi-basket{margin-top:11px;font-size:14px;color:var(--muted);line-height:1.6}
.roi-basket strong{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.roi-call-count{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}
.roi-call-number{display:flex;align-items:baseline;gap:12px;min-width:0}
.roi-call-number output{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--navy);font-variant-numeric:tabular-nums;min-width:1.35ch}
.roi-call-number>span{font-size:15px;color:var(--muted)}
.roi-stepper{display:flex;gap:8px}
.roi-stepper button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--muted);border-radius:50%;color:var(--navy);background:var(--white);transition:background-color 150ms,border-color 150ms,box-shadow 150ms}
.roi-stepper .icon{width:17px;height:17px;stroke-width:1.8}
.roi-stepper button[aria-disabled=true]{opacity:.38;cursor:default}
.roi-stepper button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.roi-range-wrap{--roi-progress:10.5263%;margin-top:13px}
.roi-range{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y pinch-zoom}
.roi-range::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(to right,var(--navy) 0 var(--roi-progress),color-mix(in oklch,var(--muted) 80%,var(--white)) var(--roi-progress) 100%)}
.roi-range::-moz-range-track{height:6px;border-radius:99px;background:linear-gradient(to right,var(--navy) 0 var(--roi-progress),color-mix(in oklch,var(--muted) 80%,var(--white)) var(--roi-progress) 100%)}
.roi-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border:5px solid var(--white);border-radius:50%;background:var(--navy);box-shadow:0 0 0 1px var(--navy),0 3px 9px color-mix(in oklch,var(--navy) 16%,transparent)}
.roi-range::-moz-range-thumb{width:16px;height:16px;border:5px solid var(--white);border-radius:50%;background:var(--navy);box-shadow:0 0 0 1px var(--navy),0 3px 9px color-mix(in oklch,var(--navy) 16%,transparent)}
.roi-range-ends{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.roi-range-hint{margin-top:18px;font-size:14px;line-height:1.6;color:var(--muted)}
.roi-results{min-width:0;padding:32px 36px;border:1px solid var(--line);border-radius:24px;background:var(--surface);display:flex;flex-direction:column;justify-content:center}
.roi-results h3{font-size:17px;line-height:1.5;letter-spacing:0;font-weight:750;color:var(--navy)}
.roi-money{margin-top:21px;color:var(--green)}
.roi-money>span{display:block;font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}
.roi-money output{display:block;margin-top:3px;font-size:clamp(46px,5.5vw,72px);font-weight:800;letter-spacing:-.035em;line-height:1.12;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:normal}
.roi-money+p{margin-top:9px;font-size:16px;line-height:1.5;color:var(--ink)}
.roi-recovered{display:flex;align-items:center;gap:14px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line-strong)}
.roi-recovered output{font-size:30px;font-weight:750;letter-spacing:-.02em;line-height:1.2;color:var(--navy);font-variant-numeric:tabular-nums}
.roi-recovered>span{max-width:24ch;font-size:14px;line-height:1.5;color:var(--ink)}
.roi-cost{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line-strong);font-size:14px;line-height:1.6;color:var(--ink)}
.roi-cost strong{font-size:22px;letter-spacing:-.01em;color:var(--navy);font-variant-numeric:tabular-nums}
.roi-cost-unit{white-space:nowrap}
.roi-cost-note{margin-top:7px;font-size:12px;color:var(--muted);line-height:1.5}
.roi-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 32px;align-items:start;margin-top:22px}
.roi-disclaimer{color:var(--muted);font-size:13px;line-height:1.6;max-width:68ch}
.roi-pricing-link{color:var(--navy);min-height:44px;align-self:start;font-size:15px;white-space:normal}
.roi-pricing-link .icon{transform:rotate(90deg)}
.roi-method{margin-top:5px;color:var(--ink);font-size:14px;line-height:1.65;max-width:760px}
.roi-method summary{display:flex;align-items:center;gap:10px;min-height:44px;width:fit-content;max-width:100%;color:var(--navy);font-weight:700;list-style:none;cursor:pointer}
.roi-method summary::-webkit-details-marker{display:none}
.roi-method summary>.icon{width:14px;height:14px}
.roi-method[open] summary>.icon{transform:rotate(45deg)}
.roi-method-content{padding:10px 0 2px;max-width:67ch}
.roi-method-content p+p{margin-top:10px}
.roi-method-content a{color:var(--navy)}
@media(hover:hover) and (pointer:fine){
.roi-select:hover{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.roi-stepper button:not([aria-disabled=true]):hover{background:var(--surface);color:var(--navy);border-color:var(--navy)}
.roi-stepper button:not([aria-disabled=true]):active{background:var(--pale);color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.roi-method summary:hover{text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:1024px){
.roi-heading,.roi-layout{gap:40px}
.roi-results{padding:30px}
.roi-cost{display:block}
.roi-cost>span{display:block}
.roi-cost>span+span{margin-top:3px}
}
@media(max-width:820px){
.roi-section{padding:72px 0}
.roi-heading{grid-template-columns:1fr;gap:20px;max-width:680px;margin:0 auto 34px}
.roi-heading h2{max-width:620px}
.roi-heading>p{max-width:58ch;font-size:17px}
.roi-layout{grid-template-columns:minmax(0,1fr);gap:30px;max-width:680px;margin-inline:auto}
.roi-inputs{padding-top:24px;padding-bottom:0;gap:28px}
.roi-results{padding:30px 32px}
.roi-money output{font-size:64px}
.roi-cost{display:flex}
.roi-cost>span+span{margin-top:0}
.roi-bottom{max-width:680px;margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:5px}
}
@media(max-width:430px){
.roi-section{padding:64px 0}
.roi-heading>p{font-size:16px}
.roi-field label{font-size:16px}
.roi-select{padding-left:13px;padding-right:38px;font-size:16px}
.roi-select-wrap>svg{right:13px}
.roi-call-number output{font-size:46px}
.roi-results{padding:25px 23px;border-radius:20px}
.roi-money output{font-size:clamp(43px,12.5vw,54px)}
.roi-cost{display:block}
.roi-cost>span+span{margin-top:2px}
.roi-range-hint{font-size:13px}
.roi-method summary{font-size:13px}
.roi-method-content{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
.roi-section :is(select,button){transition:none}
}
@media(forced-colors:active){
.roi-results{background:Canvas;border-color:CanvasText}
.roi-money,.roi-money output{color:CanvasText}
.roi-select,.roi-stepper button{background:ButtonFace;color:ButtonText;border-color:ButtonText}
.roi-range{appearance:auto;accent-color:Highlight}
.roi-range::-webkit-slider-runnable-track{background:CanvasText}
.roi-range::-webkit-slider-thumb{background:Highlight;border-color:Canvas}
.roi-range::-moz-range-track{background:CanvasText}
.roi-range::-moz-range-thumb{background:Highlight;border-color:Canvas}
}
#fonctionnement,#modes,#dashboard,#mise-en-route,#roi,#tarif,#faq{background:var(--white)}
#fonctionnement .brand-ink,#tarif .brand-ink{background:none;color:var(--navy);-webkit-text-fill-color:var(--navy)}
#fonctionnement{padding:104px 0 80px}
#fonctionnement .section-heading{max-width:none;text-align:left;margin:0}
#fonctionnement .section-heading h2{max-width:none;margin:0;font-size:var(--t-h2)}
#fonctionnement .flow-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;margin-top:64px;max-width:none}
#fonctionnement .flow-sequence::before{content:none}
#fonctionnement .flow-step{display:block;grid-row:auto;padding:0;min-width:0}
#fonctionnement .flow-number{position:static;display:block;width:auto;padding:0;margin:0;background:transparent;color:var(--navy);font-size:54px;font-weight:500;line-height:1.1;letter-spacing:-.035em;text-align:left}
#fonctionnement .flow-copy{display:block;margin-top:25px}
#fonctionnement .flow-copy h3{font-size:25px;font-weight:750;line-height:1.3;letter-spacing:-.02em;max-width:none;margin:0 0 16px;text-wrap:pretty}
#fonctionnement .flow-copy p{font-size:17px;line-height:1.7;max-width:32ch;color:var(--muted)}
#modes{padding:64px 0 112px}
#modes .sms-choices-intro{max-width:980px}
#modes .sms-choices-intro h2{font-size:clamp(30px,3.1vw,44px);font-weight:600;line-height:1.24;letter-spacing:-.025em}
#modes .sms-choices-intro h2>strong{font-weight:750;color:var(--navy);margin-top:10px}
#modes .sms-choices-lead{font-size:16px;color:var(--muted);margin-top:22px}
#modes .sms-options{max-width:1040px;grid-template-columns:repeat(2,minmax(0,1fr));gap:112px;margin-top:64px}
#modes .sms-option{border:0;padding:0;min-width:0}
#modes .sms-option h3{font-size:27px;font-weight:750;line-height:1.3;letter-spacing:-.02em;margin-bottom:24px;text-wrap:pretty}
#modes .sms-option-description{display:grid;gap:18px}
#modes .sms-option-description>p:nth-child(-n+2){text-wrap:balance}
#modes .sms-option p{font-size:17px;line-height:1.75;font-weight:400;color:var(--ink);max-width:43ch}
#modes .sms-examples{display:flex;flex-wrap:wrap;gap:4px 7px;margin-top:-7px}
#modes .sms-examples span{display:inline-block}
#modes .sms-option-conclusion{font-weight:650;color:var(--navy);margin-top:3px}
#resultat{padding:64px 0;background:var(--white)}
#resultat .result-inner{display:block}
#resultat .result-celebration{max-width:800px;text-align:center;border:0;padding:0}
#resultat .result-congratulations{font-size:clamp(48px,5.4vw,72px);line-height:1.13;letter-spacing:-.03em;font-weight:800;color:var(--blue)}
#resultat .result-explanation{font-size:21px;line-height:1.65;max-width:620px;margin:25px auto 0;color:var(--ink)}
#resultat .result-effortless{font-size:24px;line-height:1.5;margin:24px 0 0;font-weight:750;color:var(--green)}
#resultat .result-equation{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:38px;max-width:520px;margin:56px auto 0;padding:0;border:0;color:var(--navy)}
#resultat .equation-term{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;color:var(--blue)}
#resultat .equation-number{font-size:48px;line-height:1;font-weight:600;letter-spacing:-.03em}
#resultat .equation-label{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.01em;max-width:8ch;text-align:left}
#resultat .equation-equals{height:15px;gap:7px;margin:0;align-self:center}
#resultat .equation-equals>span{height:2px;background:var(--muted)}
#dashboard{--dashboard-width:940px;--dashboard-duration:360ms;--dashboard-travel:14px;padding:104px 0 80px}
#dashboard .dashboard-heading{max-width:800px}
#dashboard .dashboard-heading .eyebrow{color:var(--muted);font-size:11px;margin-bottom:18px}
#dashboard .dashboard-heading h2{max-width:720px;font-size:clamp(32px,3.4vw,44px);line-height:1.2}
#dashboard .dashboard-heading>p:not(.eyebrow){font-size:17px;margin-top:20px;color:var(--muted)}
#dashboard .dashboard-switch{width:min(100%,420px);margin:34px auto 44px;padding:4px;gap:4px;border:0;border-radius:999px;background:var(--surface)}
#dashboard .dashboard-switch::before{inset:4px auto 4px 4px;width:calc((100% - 12px)/2);border:0;border-radius:999px;background:var(--white);box-shadow:0 2px 7px color-mix(in oklch,var(--navy) 10%,transparent);transition:transform var(--dashboard-duration) var(--ease)}
#dashboard .dashboard-switch[data-active=sms]::before{transform:translateX(calc(100% + 4px))}
#dashboard .dashboard-switch button{min-height:46px;padding:10px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--navy);font-size:15px;line-height:1.4;font-weight:650;letter-spacing:0;transform:none;transition:border-color 150ms,box-shadow 150ms}
#dashboard .dashboard-switch button::before{content:none}
#dashboard .dashboard-switch button[aria-selected=true]{font-weight:750}
#dashboard .dashboard-switch button:active{transform:none;box-shadow:inset 0 0 0 1px var(--line-strong)}
#dashboard .dashboard-switch button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#dashboard .dashboard-stage{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;width:100%;max-width:var(--dashboard-width)}
#dashboard .dashboard-panel{position:relative;transform-origin:50% 50%}
#dashboard .dashboard-stage[data-ready] .dashboard-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(var(--dashboard-travel)) scale(.992);transition:opacity 220ms var(--ease),transform var(--dashboard-duration) var(--ease),visibility 0s linear var(--dashboard-duration)}
#dashboard .dashboard-stage[data-ready] .dashboard-panel[data-dashboard-panel=recueil]{transform:translateX(calc(-1 * var(--dashboard-travel))) scale(.992)}
#dashboard .dashboard-stage[data-ready] .dashboard-panel[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1);transition:opacity 320ms var(--ease) 40ms,transform var(--dashboard-duration) var(--ease),visibility 0s}
#dashboard .dashboard-stage[data-ready] .dashboard-panel::after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:0 24px 52px -34px color-mix(in oklch,var(--navy) 25%,transparent);pointer-events:none;opacity:0;transition:opacity var(--dashboard-duration) var(--ease)}
#dashboard .dashboard-stage[data-ready] .dashboard-panel[data-active=true]::after{opacity:1}
#dashboard .dashboard-stage[data-instant] .dashboard-panel,#dashboard .dashboard-stage[data-instant] .dashboard-panel::after,#dashboard .dashboard-switch[data-instant]::before{transition:none!important}
#dashboard .dashboard-stage[data-ready] figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#dashboard .dashboard-context{font-size:12px;color:var(--muted);line-height:1.5;text-align:center;margin-top:22px}
#mise-en-route{padding:56px 0 100px;border:0}
#mise-en-route .section-heading{max-width:790px}
#mise-en-route .section-heading .eyebrow{color:var(--muted);font-size:11px;margin-bottom:18px}
#mise-en-route .section-heading h2{font-size:clamp(32px,3.2vw,42px);line-height:1.2;max-width:760px}
#mise-en-route .section-heading>p:not(.eyebrow){font-size:17px;color:var(--muted)}
#mise-en-route .setup-path{grid-template-columns:.9fr 1.35fr .9fr;gap:76px;max-width:1080px;margin-top:62px}
#mise-en-route .setup-moment{display:block;padding:0;min-width:0;min-height:0}
#mise-en-route .setup-step-mark{position:static;display:flex;flex-direction:row;align-items:center;min-height:48px;gap:25px;margin:0 0 22px}
#mise-en-route .setup-index{position:static;color:var(--navy);font-size:42px;font-weight:500;line-height:1;letter-spacing:-.03em}
#mise-en-route .setup-dial{display:inline-flex;position:static;gap:8px;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--muted)}
#mise-en-route .setup-dial .icon{width:18px;height:18px}
#mise-en-route .setup-dial>span{font-size:16px;letter-spacing:.08em}
#mise-en-route .setup-moment h3{font-size:22px;font-weight:750;line-height:1.4;letter-spacing:-.02em;max-width:28ch;margin-bottom:12px}
#mise-en-route .setup-moment p{font-size:16px;line-height:1.7;color:var(--muted);max-width:29ch}
#mise-en-route .setup-finish{align-self:center}
#mise-en-route .setup-finish h3{font-size:30px;color:var(--green);font-weight:750}
#roi{padding:88px 0 64px}
#roi .roi-heading{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:96px;margin-bottom:62px}
#roi .roi-heading .eyebrow{font-size:11px;color:var(--muted)}
#roi .roi-heading>p{font-size:17px;max-width:42ch}
#roi .roi-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:96px;align-items:center}
#roi .roi-inputs{border:0;padding:0;gap:38px}
#roi .roi-field label{font-size:16px;font-weight:650;line-height:1.5}
#roi .roi-select{min-height:56px;border:0;border-bottom:1px solid var(--muted);border-radius:0;padding:14px 34px 14px 0;background:transparent;color:var(--navy);font-size:18px;font-weight:650;box-shadow:none}
#roi .roi-select-wrap>svg{right:4px}
#roi .roi-basket{font-size:13px;margin-top:10px}
#roi .roi-basket strong{font-weight:500;color:var(--muted)}
#roi .roi-call-number output{font-size:46px;font-weight:650;line-height:1.2}
#roi .roi-call-number>span{font-size:14px}
#roi .roi-stepper button{border:1px solid transparent;border-radius:8px;box-shadow:none}
#roi .roi-range-wrap{margin-top:10px}
#roi .roi-results{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#roi .roi-results h3{font-size:16px;font-weight:650;line-height:1.5;color:var(--muted)}
#roi .roi-money{margin-top:24px}
#roi .roi-money>span{font-size:15px;color:var(--muted)}
#roi .roi-money output{font-size:clamp(68px,7.7vw,106px);font-weight:750;line-height:1.08;letter-spacing:-.035em;margin-top:8px}
#roi .roi-money+p{font-size:19px;margin-top:14px;line-height:1.5}
#roi .roi-recovered{gap:8px;border:0;margin-top:14px;padding:0;align-items:baseline}
#roi .roi-recovered output{font-size:17px;line-height:1.5;font-weight:650;letter-spacing:0;color:var(--muted)}
#roi .roi-recovered>span{max-width:none;font-size:14px;color:var(--muted)}
#roi .roi-cost{display:flex;justify-content:flex-start;gap:6px 12px;border:0;padding:0;margin-top:34px;font-size:15px}
#roi .roi-cost strong{font-size:25px;font-weight:750}
#roi .roi-cost-note{font-size:12px;margin-top:6px}
#roi .roi-pricing-link{align-self:flex-start;margin-top:14px;font-size:15px}
#roi .roi-pricing-link .icon{transform:none}
#roi .roi-bottom{display:block;margin-top:36px;max-width:none}
#roi .roi-disclaimer{font-size:12px;max-width:77ch;color:var(--muted)}
#roi .roi-method{margin-top:2px;max-width:740px}
#roi .roi-method summary{font-size:12px;font-weight:600;color:var(--muted);gap:8px;min-height:44px}
#roi .roi-method-content{font-size:13px}
#tarif{padding:64px 0 104px}
#tarif>.wrap>.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;max-width:none;text-align:left;margin:0}
#tarif>.wrap>.section-heading h2{margin:0;max-width:none}
#tarif>.wrap>.section-heading>p{font-size:17px;max-width:440px;margin:0;justify-self:end}
#tarif .price-calculator{max-width:none;margin-top:42px;border:0;border-radius:22px;background:var(--surface);box-shadow:none}
#tarif .calculator-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:12px;gap:8px;border:0;border-radius:22px 22px 0 0;background:var(--surface)}
#tarif .calculator-tabs button{min-height:100px;padding:22px 24px;gap:8px;border:1px solid transparent;border-radius:12px;background:var(--white);color:var(--navy);box-shadow:none}
#tarif .calculator-tabs button[aria-selected=true],#tarif .calculator-tabs button[aria-selected=true]:hover,#tarif .calculator-tabs button[aria-selected=true]:active{background:var(--blue);border-color:var(--blue);color:var(--white);box-shadow:none}
#tarif .calculator-tabs :is(.mode-start-price,.mode-volume,.mode-selection){display:none}
#tarif .mode-name{font-size:20px;line-height:1.35;font-weight:750}
#tarif .mode-audience{font-size:14px;line-height:1.55;font-weight:400;max-width:none}
#tarif .calculator-body{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);border:0;border-radius:0 0 22px 22px;background:var(--surface)}
#tarif .calculator-config{display:block;padding:38px 40px}
#tarif .calculator-description{display:none}
#tarif .calculator-volume{margin:0;padding:0}
#tarif .calculator-label{font-size:15px;font-weight:650;color:var(--navy)}
#tarif .calculator-volume-value{padding:14px 0 4px;gap:12px;min-height:0}
#tarif .calculator-volume-value>output{font-size:48px;font-weight:750;letter-spacing:-.025em}
#tarif .calculator-volume-value>span{font-size:14px}
#tarif .calculator-tier-help{font-size:12px;margin:8px 0 12px;color:var(--muted)}
#tarif .calculator-ticks{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;min-height:0}
#tarif .price-calculator[data-mode=sms] .calculator-ticks{grid-template-columns:repeat(3,minmax(0,1fr))}
#tarif .calculator-ticks button{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:6px;min-height:76px;padding:12px 9px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--navy);box-shadow:none;line-height:1.45}
#tarif .calculator-ticks button[aria-pressed=true]{background:var(--white);color:var(--navy);border-color:var(--blue);box-shadow:none}
#tarif .calculator-ticks .tier-check{display:none}
#tarif .calculator-ticks .tier-volume{font-size:13px;font-weight:650}
#tarif .calculator-ticks .tier-price{font-size:15px;font-weight:500}
#tarif .calculator-features{border:0;background:transparent;min-height:0;margin:28px 0 0;padding:0;gap:7px;font-size:14px;line-height:1.6;color:var(--muted)}
#tarif .calculator-features .icon{display:none}
#tarif .calculator-summary{border:0;border-radius:0 0 22px 0;padding:38px 40px;background:var(--navy);color:var(--white)}
#tarif .calculator-summary .calculator-plan-name{font-size:16px;font-weight:650;color:var(--white)}
#tarif .calculator-summary .calculator-billing-label{font-size:13px;color:var(--text-on-navy);margin-top:23px}
#tarif .calculator-summary .calculator-price{padding-top:12px;min-height:0;gap:10px}
#tarif .calculator-summary .calculator-price>.num{font-size:clamp(62px,5.6vw,78px);font-weight:800;line-height:1.1}
#tarif .calculator-summary .calculator-currency{font-size:30px}
#tarif .calculator-summary .calculator-tax{font-size:15px;color:var(--white)}
#tarif .calculator-summary .calculator-tax>span{font-size:12px;color:var(--text-on-navy)}
#tarif .calculator-summary .calculator-allowance{border:0;padding:0;margin-top:16px;font-size:14px;min-height:0;color:var(--text-on-navy)}
#tarif .calculator-summary .cta-with-offer{margin-top:28px;gap:18px}
#tarif .calculator-summary .trial-offer{font-size:clamp(34px,3.4vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1.2;color:var(--green-on-navy)}
#tarif .calculator-summary .button-trial{min-height:58px;font-size:17px}
#tarif .pricing-no-commitment{font-size:12px;color:var(--text-on-navy)}
#faq{padding:96px 0 112px}
#faq .faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px}
#faq .faq-heading h2{max-width:360px}
#faq .faq-list details,#faq .faq-list details[open]{background:transparent}
#faq .faq-list summary{padding:25px 0;min-height:78px;font-size:18px;font-weight:650;line-height:1.5;gap:24px;background:transparent;color:var(--navy);box-shadow:none}
#faq .faq-list summary:hover{background:transparent;color:var(--navy);box-shadow:none;text-decoration:underline;text-underline-offset:4px}
#faq .faq-content-inner{padding-inline:0;font-size:16px;line-height:1.75;color:var(--ink)}
@media(hover:hover) and (pointer:fine){
#dashboard .dashboard-switch button:hover{transform:none;background:transparent;color:var(--navy);border-color:var(--line-strong)}
#roi .roi-select:hover{box-shadow:none;border-color:var(--navy)}
#roi .roi-stepper button:not([aria-disabled=true]):hover{background:var(--surface);border-color:transparent;box-shadow:none}
#tarif .calculator-tabs button:not([aria-selected=true]):hover{background:var(--white);color:var(--navy);border-color:var(--navy)}
#tarif .calculator-ticks button:hover,#tarif .calculator-ticks button:active{background:var(--white);color:var(--navy);border-color:var(--navy);box-shadow:none}
}
@media(max-width:1100px){
#fonctionnement .flow-sequence{gap:40px}
#fonctionnement .flow-copy h3{font-size:23px}
#modes .sms-options{gap:72px}
#mise-en-route .setup-path{gap:50px}
#roi .roi-heading,#roi .roi-layout{gap:64px}
#tarif .calculator-config,#tarif .calculator-summary{padding:32px}
#tarif .calculator-ticks{grid-template-columns:repeat(2,minmax(0,1fr))}
#tarif .price-calculator[data-mode=sms] .calculator-ticks{grid-template-columns:repeat(2,minmax(0,1fr))}
#faq .faq-layout{gap:60px}
}
@media(max-width:820px){
#roi .roi-heading,#roi .roi-layout{grid-template-columns:minmax(0,1fr);gap:40px;max-width:680px;margin-inline:auto}
#roi .roi-heading{margin-bottom:44px;gap:22px}
#roi .roi-heading>p{max-width:58ch}
#roi .roi-layout{gap:54px}
#roi .roi-results{padding:0}
#roi .roi-money output{font-size:clamp(64px,11.5vw,90px)}
#roi .roi-money+p{font-size:19px}
#roi .roi-bottom{max-width:680px;margin-inline:auto;margin-top:32px}
#mise-en-route .setup-path{grid-template-columns:minmax(0,1fr);gap:38px;max-width:600px}
#mise-en-route .setup-moment{display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 24px;padding:0}
#mise-en-route .setup-step-mark{grid-column:1;grid-row:1/3;margin:0;min-height:0;flex-direction:column;align-items:flex-start;gap:17px}
#mise-en-route .setup-moment h3{grid-column:2;grid-row:1;font-size:22px;max-width:34ch}
#mise-en-route .setup-moment p{grid-column:2;grid-row:2;max-width:38ch}
#mise-en-route .setup-dial .icon{display:none}
#mise-en-route .setup-dial>span{font-size:13px;letter-spacing:.08em}
#mise-en-route .setup-finish{display:block;padding-left:76px}
#mise-en-route .setup-finish h3{font-size:30px}
#tarif .calculator-body{grid-template-columns:minmax(0,1fr)}
#tarif .calculator-config{display:contents}
#tarif .calculator-volume{grid-row:1;padding:30px}
#tarif .calculator-summary{grid-row:2;border-radius:0;padding:34px 30px}
#tarif .calculator-summary .calculator-price>.num{font-size:72px}
#tarif .calculator-features{grid-row:3;margin:0;padding:25px 30px;border-radius:0 0 22px 22px;background:var(--surface)}
#tarif .calculator-ticks{grid-template-columns:repeat(4,minmax(0,1fr))}
#tarif .price-calculator[data-mode=sms] .calculator-ticks{grid-template-columns:repeat(3,minmax(0,1fr))}
#tarif>.wrap>.section-heading{grid-template-columns:minmax(0,1fr);gap:22px}
#tarif>.wrap>.section-heading>p{justify-self:start;max-width:none}
#faq .faq-layout{grid-template-columns:minmax(0,1fr);gap:42px}
}
@media(max-width:760px){
#fonctionnement{padding:76px 0 50px}
#modes{padding:50px 0 80px}
#resultat{padding:78px 0}
#dashboard{padding:80px 0 58px}
#mise-en-route{padding:46px 0 72px}
#roi{padding:64px 0 40px}
#tarif{padding:48px 0 70px}
#faq{padding:64px 0 80px}
#fonctionnement .flow-sequence{grid-template-columns:minmax(0,1fr);gap:38px;max-width:600px;margin:44px 0 0}
#fonctionnement .flow-step{display:grid;grid-template-columns:58px minmax(0,1fr);gap:24px}
#fonctionnement .flow-number{font-size:42px}
#fonctionnement .flow-copy{margin:0}
#fonctionnement .flow-copy h3{font-size:23px;max-width:none;margin-bottom:12px}
#fonctionnement .flow-copy p{font-size:16px;max-width:38ch}
#modes .sms-choices-intro{text-align:left;max-width:none}
#modes .sms-choices-intro h2{font-size:clamp(28px,4.8vw,36px)}
#modes .sms-options{grid-template-columns:minmax(0,1fr);gap:48px;max-width:none;margin:44px 0 0}
#modes .sms-option{max-width:580px}
#modes .sms-option h3{font-size:26px;margin-bottom:20px}
#modes .sms-option p{max-width:52ch;font-size:17px}
#resultat .result-explanation{font-size:19px}
#resultat .result-effortless{font-size:22px}
#resultat .result-equation{gap:28px;max-width:480px;margin-top:45px}
#resultat .equation-number{font-size:44px}
#resultat .equation-label{font-size:18px}
#dashboard{--dashboard-travel:8px}
#dashboard .dashboard-switch{margin:30px auto 36px}
#dashboard .dashboard-context{margin-top:18px}
#mise-en-route .setup-path{margin-top:44px}
#mise-en-route .section-heading{text-align:left;margin:0;max-width:none}
#mise-en-route .section-heading h2{margin:0}
}
@media(max-width:430px){
#fonctionnement .flow-step{grid-template-columns:45px minmax(0,1fr);gap:20px}
#fonctionnement .flow-number{font-size:35px}
#fonctionnement .flow-copy h3{font-size:21px}
#modes .sms-option p{font-size:16px}
#modes .sms-option h3{font-size:25px}
#modes .sms-examples{gap:4px 6px}
#resultat .result-congratulations{font-size:clamp(42px,11vw,48px)}
#resultat .result-explanation{font-size:18px}
#resultat .result-effortless{font-size:21px}
#resultat .result-equation{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:18px}
#resultat .equation-term{gap:10px}
#resultat .equation-number{font-size:38px}
#resultat .equation-label{font-size:16px}
#dashboard{--dashboard-travel:6px}
#dashboard .dashboard-switch button{font-size:14px;min-height:46px;padding-inline:8px}
#dashboard .dashboard-stage[data-ready] .dashboard-panel::after{border-radius:8px}
#mise-en-route .setup-moment{grid-template-columns:45px minmax(0,1fr);gap:0 20px}
#mise-en-route .setup-index{font-size:35px}
#mise-en-route .setup-moment h3{font-size:20px}
#mise-en-route .setup-moment p{font-size:15px}
#mise-en-route .setup-finish{padding-left:65px}
#mise-en-route .setup-finish h3{font-size:28px}
#roi .roi-select{font-size:16px}
#roi .roi-money output{font-size:clamp(60px,16vw,69px)}
#roi .roi-money+p{font-size:18px}
#roi .roi-recovered{align-items:baseline}
#roi .roi-recovered output{flex-shrink:0}
#roi .roi-recovered>span{font-size:13px}
#roi .roi-cost{gap:4px 9px}
#roi .roi-cost strong{font-size:23px}
#roi .roi-cost-unit{font-size:13px}
#tarif .calculator-tabs{grid-template-columns:minmax(0,1fr);padding:8px;gap:6px}
#tarif .calculator-tabs button{padding:18px 20px;min-height:96px}
#tarif .calculator-volume{padding:25px 22px}
#tarif .calculator-volume-value{gap:8px}
#tarif .calculator-volume-value>output{font-size:44px}
#tarif .calculator-volume-value>span{font-size:13px}
#tarif .calculator-ticks,#tarif .price-calculator[data-mode=sms] .calculator-ticks{grid-template-columns:repeat(2,minmax(0,1fr))}
#tarif .calculator-ticks button{min-height:68px}
#tarif .calculator-summary{padding:30px 24px}
#tarif .calculator-summary .calculator-price>.num{font-size:64px}
#tarif .calculator-summary .trial-offer{font-size:37px}
#tarif .calculator-features{padding:23px 24px;font-size:13px}
#faq .faq-list summary{font-size:16px;min-height:74px;padding:22px 0}
#faq .faq-content-inner{font-size:15px}
}
@media(min-width:431px) and (max-width:640px){
#tarif .calculator-tabs{grid-template-columns:minmax(0,1fr)}
#tarif .calculator-tabs button{min-height:96px}
#tarif .calculator-ticks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
#dashboard .dashboard-stage[data-ready] .dashboard-panel{transform:none!important;transition:none!important}
#dashboard .dashboard-stage[data-ready] .dashboard-panel::after,#dashboard .dashboard-switch::before,#dashboard .dashboard-switch button{transition:none!important}
}
@media(forced-colors:active){
#resultat{background:Canvas;color:CanvasText}
#resultat :is(.result-congratulations,.result-explanation,.result-effortless,.equation-term){color:CanvasText}
#resultat .equation-equals>span{background:CanvasText}
#dashboard .dashboard-switch{background:Canvas}
#dashboard .dashboard-switch::before{background:Highlight;box-shadow:none}
#dashboard .dashboard-switch button{color:CanvasText}
#dashboard .dashboard-switch button[aria-selected=true]{background:Highlight;color:HighlightText}
#dashboard .dashboard-switch button:focus-visible{outline-color:Highlight}
#roi .roi-select{color:CanvasText;border-color:CanvasText}
#roi .roi-money output{color:CanvasText}
#roi .roi-stepper button{color:ButtonText;border-color:ButtonText}
#tarif .calculator-tabs button[aria-selected=true],#tarif .calculator-tabs button[aria-selected=true]:hover{background:Highlight;color:HighlightText;border-color:Highlight}
#tarif .calculator-tabs button[aria-selected=true] :is(.mode-name,.mode-audience){color:HighlightText}
#tarif .calculator-ticks button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight}
#tarif .calculator-summary{background:Canvas;color:CanvasText;border:1px solid CanvasText}
#tarif .calculator-summary :is(.calculator-label,.calculator-plan-name,.calculator-billing-label,.calculator-price,.calculator-tax,.calculator-tax>span,.calculator-allowance,.pricing-no-commitment){color:CanvasText}
#tarif .calculator-summary .trial-offer{color:LinkText}
}
#dashboard .dashboard-switch::before{border:1px solid color-mix(in oklch,var(--muted) 80%,var(--white))}
#dashboard .dashboard-media{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:4/3;min-width:0}
#dashboard .dashboard-media:is([data-media-state=loading],[data-media-state=error]){background:var(--surface);border-radius:12px}
#dashboard .dashboard-media-feedback{grid-area:1/1;align-self:center;justify-self:center;max-width:100%;padding:24px;text-align:center;color:var(--ink)}
#dashboard .dashboard-media-feedback p{font-size:15px;line-height:1.6;text-wrap:balance}
#dashboard [data-media-retry]{min-width:100px;min-height:44px;margin-top:12px;padding:8px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--navy);font:inherit;font-size:15px;font-weight:750;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#dashboard [data-media-retry]:hover,#dashboard [data-media-retry]:active{background:var(--white);color:var(--navy);border-color:var(--navy)}
#dashboard [data-media-retry]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#tarif .calculator-tabs button:focus-visible{outline-offset:-5px}
#tarif .calculator-tabs button[aria-selected=true]:focus-visible{outline-color:var(--blue)}
@media(max-width:430px){
#dashboard .dashboard-media:is([data-media-state=loading],[data-media-state=error]){border-radius:8px}
#dashboard .dashboard-media-feedback{padding:16px}
#dashboard .dashboard-media-feedback p{font-size:14px}
}
@media(forced-colors:active){
#dashboard .dashboard-switch::before{border-color:Highlight}
#dashboard .dashboard-media:is([data-media-state=loading],[data-media-state=error]){background:Canvas;border:1px solid CanvasText}
#dashboard .dashboard-media-feedback{color:CanvasText}
#dashboard [data-media-retry],#dashboard [data-media-retry]:hover,#dashboard [data-media-retry]:active{background:ButtonFace;color:ButtonText;border-color:ButtonText}
#dashboard [data-media-retry]:focus-visible{outline-color:Highlight}
#tarif .calculator-tabs button[aria-selected=true]:active{background:Highlight;color:HighlightText;border-color:Highlight}
#tarif .calculator-tabs button:focus-visible{outline-color:Highlight}
#tarif .calculator-tabs button[aria-selected=true]:focus-visible{outline-color:HighlightText}
}
:root{--t-display:clamp(55px,5.82vw,84px);--t-h2:clamp(34px,3.63vw,50px);--t-body:18px;--t-lead:20px;--t-small:16px;--t-h3:26px}
body{font-size:18px}
main :is(h1,h2,h3){text-wrap:balance}
main p{text-wrap:pretty}
.hero h1{font-size:clamp(40px,4.2vw,56px);line-height:1.1}
.hero-caption{font-size:clamp(19px,1.65vw,21px)}
#pourquoi .section-heading h2,#compatibilite .section-heading h2,#secteurs .section-heading h2,#fonctionnement .section-heading h2,#modes .sms-choices-intro h2,#resultat .result-congratulations,#dashboard .dashboard-heading h2,#mise-en-route .section-heading h2,#roi .roi-heading h2,#tarif>.wrap>.section-heading h2,#faq .faq-heading h2,#rappel .closing-inner h2{font-size:var(--t-h2);line-height:1.18;letter-spacing:-.025em;font-weight:800;}
#pourquoi .benefit h3{font-size:26px;line-height:1.28}
#pourquoi .benefit p{font-size:18px;line-height:1.6}
#compatibilite .compatibility-grid h3{font-size:21px}
#compatibilite .compatibility-phone p,.proof-strip li span{font-size:16px}
#secteurs .section-heading>p:not(.eyebrow){font-size:20px;line-height:1.6}
#dashboard .dashboard-heading>p:not(.eyebrow),#mise-en-route .section-heading>p:not(.eyebrow),#roi .roi-heading>p,#tarif>.wrap>.section-heading>p,#rappel .closing-inner>p{font-size:20px;line-height:1.6;margin-top:18px;}
#dashboard .dashboard-heading .eyebrow,#mise-en-route .section-heading .eyebrow,#roi .roi-heading .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.08em;margin-bottom:14px;}
#fonctionnement,#modes,#resultat,#dashboard,#mise-en-route,#roi,#tarif,#faq{--depth-light:0 1px 2px color-mix(in oklch,var(--navy) 5%,transparent),0 6px 14px -8px color-mix(in oklch,var(--navy) 12%,transparent);
 --depth-medium:inset 0 1px 0 var(--white),0 3px 6px -3px color-mix(in oklch,var(--navy) 10%,transparent),0 20px 44px -24px color-mix(in oklch,var(--navy) 24%,transparent);
 --depth-product:inset 0 1px 0 var(--white),0 4px 10px -5px color-mix(in oklch,var(--navy) 12%,transparent),0 28px 56px -28px color-mix(in oklch,var(--navy) 27%,transparent);
 --surface-soft:color-mix(in oklch,var(--surface) 76%,var(--white));
 background:var(--white);padding-block:48px;}
#fonctionnement{padding-top:36px;padding-bottom:44px}
#modes{padding-top:40px;padding-bottom:36px}
#resultat{padding-top:36px;padding-bottom:40px}
#dashboard{padding-top:48px;padding-bottom:40px}
#mise-en-route{padding-top:40px;padding-bottom:44px}
#roi{padding-top:48px;padding-bottom:40px}
#tarif{padding-top:44px;padding-bottom:44px}
#faq{padding-bottom:72px}
#rappel{padding-top:36px}
#fonctionnement .journey-surface,#modes .sms-option,#resultat .result-inner,#mise-en-route .setup-path,#dashboard .dashboard-stage,#roi .roi-layout,#tarif .price-calculator{border:1px solid var(--line);border-radius:26px;background:var(--surface-soft);box-shadow:var(--depth-medium);}
#fonctionnement .journey-surface{padding:44px 42px 42px}
#fonctionnement .section-heading{text-align:left}
#fonctionnement .flow-sequence{margin:38px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:30px;max-width:none}
#fonctionnement .flow-step{padding:0 0 0 30px;border-left:1px solid var(--line-strong)}
#fonctionnement .flow-step:first-child{padding-left:0;border-left:0}
#fonctionnement .flow-number{display:grid;place-items:center;width:52px;height:52px;font-size:22px;font-weight:750;letter-spacing:.01em;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:var(--depth-light)}
#fonctionnement .flow-copy{margin-top:22px}
#fonctionnement .flow-copy h3{font-size:24px;line-height:1.28;margin-bottom:12px}
#fonctionnement .flow-copy p{font-size:18px;line-height:1.6;max-width:34ch;color:var(--ink)}
#modes .sms-choices-intro{max-width:1040px}
#modes .sms-choices-intro h2>strong{font-weight:800;margin-top:8px}
#modes .sms-choices-lead{font-size:19px;margin-top:18px}
#modes .sms-options{max-width:1120px;margin-top:36px;gap:28px}
#modes .sms-option{max-width:none;padding:36px}
#modes .sms-option h3{font-size:26px;line-height:1.28;margin:0 0 24px;padding-bottom:22px;border-bottom:1px solid var(--line-strong)}
#modes .sms-option-description{gap:16px}
#modes .sms-option p{font-size:18px;line-height:1.65;max-width:44ch}
#modes .sms-option-description>p:nth-child(-n+2){text-wrap:pretty}
#modes .sms-option-conclusion{font-weight:700;margin-top:4px}
#resultat .result-inner{max-width:1120px;padding:44px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:40px}
#resultat .result-celebration{margin:0;max-width:none;text-align:left}
#resultat .result-explanation{font-size:20px;line-height:1.6;margin:18px 0 0;max-width:43ch}
#resultat .result-effortless{font-size:22px;margin:18px 0 0;color:var(--green)}
#resultat .result-equation{width:100%;max-width:none;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:18px;margin:0;padding:28px 22px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--depth-light)}
#resultat .equation-term{flex-direction:column;gap:10px;text-align:center;color:var(--navy)}
#resultat .equation-client{color:var(--green)}
#resultat .equation-number{font-size:60px;font-weight:750}
#resultat .equation-label{font-size:19px;text-align:center;max-width:8ch}
#dashboard{--dashboard-width:780px;--dashboard-duration:220ms;--dashboard-travel:6px}
#dashboard .dashboard-heading{max-width:920px}
#dashboard .dashboard-heading h2{max-width:880px}
#dashboard .dashboard-switch{width:min(100%,420px);margin:28px auto 28px;border:1px solid var(--line);padding:5px;background:var(--surface);box-shadow:var(--depth-light)}
#dashboard .dashboard-switch::before{inset:5px auto 5px 5px;width:calc((100% - 14px)/2);border-color:var(--line-strong)}
#dashboard .dashboard-switch button{font-size:16px;min-height:48px}
#dashboard .dashboard-stage{max-width:calc(var(--dashboard-width) + 42px);padding:20px;box-shadow:var(--depth-product)}
#dashboard .dashboard-media{aspect-ratio:var(--dashboard-ratio,4/3)}
#dashboard .dashboard-stage[data-ready] .dashboard-panel{transform:none;transition:opacity 150ms var(--ease),visibility 0s linear 150ms}
#dashboard .dashboard-stage[data-ready] .dashboard-panel[data-dashboard-panel=recueil]{transform:none}
#dashboard .dashboard-stage[data-ready] .dashboard-panel[data-active=true]{transform:none;transition:opacity 200ms var(--ease),visibility 0s}
#dashboard .dashboard-stage[data-ready] .dashboard-panel::after{content:none}
#dashboard .dashboard-context{font-size:14px;margin-top:16px}
#mise-en-route .section-heading{max-width:940px}
#mise-en-route .section-heading h2{max-width:920px}
#mise-en-route .setup-path{max-width:1160px;padding:38px;margin-top:34px;gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,.95fr)}
#mise-en-route .setup-step-mark{margin-bottom:20px;min-height:48px}
#mise-en-route .setup-index{font-size:36px;font-weight:600}
#mise-en-route .setup-dial{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--white);box-shadow:var(--depth-light)}
#mise-en-route .setup-moment h3{font-size:22px;line-height:1.35;margin-bottom:12px}
#mise-en-route .setup-moment p{font-size:18px;line-height:1.6;color:var(--ink)}
#mise-en-route .setup-finish{padding:26px 22px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--depth-light)}
#mise-en-route .setup-finish h3{font-size:26px}
#roi .roi-heading{max-width:920px;margin-inline:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;margin-bottom:34px;align-items:end}
#roi .roi-heading>p{max-width:46ch;margin:0}
#roi .roi-layout{max-width:920px;margin-inline:auto;gap:16px;padding:12px;border-radius:22px;box-shadow:var(--depth-product);align-items:stretch}
#roi .roi-inputs{padding:16px;gap:20px;justify-content:center}
#roi .roi-field label{font-size:17px;font-weight:700}
#roi .roi-select{height:52px;min-height:52px;border:1px solid var(--line-strong);border-radius:12px;padding:12px 42px 12px 16px;background:var(--white);font-size:17px;box-shadow:var(--depth-light);width:100%;min-width:0}
#roi .roi-select-wrap{margin-top:10px}
#roi .roi-select-wrap>svg{right:16px}
#roi .roi-basket,#roi .roi-call-number>span,#roi .roi-range-ends{font-size:15px}
#roi .roi-call-number output{font-size:42px}
#roi .roi-call-count{margin-top:10px}
#roi .roi-stepper button{border:1px solid var(--line-strong);border-radius:10px;background:var(--white);box-shadow:var(--depth-light)}
#roi .roi-results{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:var(--depth-medium)}
#roi .roi-results h3{font-size:18px;font-weight:700;color:var(--navy)}
#roi .roi-money{margin-top:10px}
#roi .roi-money>span{font-size:16px}
#roi .roi-money output{font-size:clamp(48px,4.8vw,64px);margin-top:4px;line-height:1.1;letter-spacing:-.035em;white-space:normal}
#roi .roi-money+p{font-size:18px;line-height:1.5;margin-top:8px}
#roi .roi-recovered{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);gap:4px 8px}
#roi .roi-recovered output{font-size:18px;color:var(--navy)}
#roi .roi-recovered>span{min-width:0;font-size:16px}
#roi .roi-cost{margin-top:14px;font-size:16px;flex-wrap:wrap}
#roi .roi-cost strong{font-size:24px}
#roi .roi-cost-note,#roi .roi-disclaimer,#roi .roi-method summary{font-size:14px}
#roi .roi-pricing-link{font-size:16px;margin-top:6px}
#roi .roi-bottom{max-width:920px;margin:16px auto 0}
#roi .roi-method-content{font-size:15px;line-height:1.65}
#tarif .price-calculator{margin-top:34px;box-shadow:var(--depth-product)}
#tarif .calculator-tabs{padding:12px;gap:10px;border-radius:26px 26px 0 0;background:var(--surface-soft)}
#tarif .calculator-tabs button{padding:24px;border-color:var(--line);border-radius:15px;min-height:110px}
#tarif .calculator-tabs button[aria-selected=true]{border-color:var(--blue);box-shadow:var(--depth-light)}
#tarif .mode-name{font-size:22px;line-height:1.35}
#tarif .mode-audience{font-size:16px;line-height:1.5}
#tarif .calculator-body{background:var(--surface-soft);border-radius:0 0 26px 26px}
#tarif .calculator-config,#tarif .calculator-summary{padding:34px}
#tarif .calculator-label{font-size:17px}
#tarif .calculator-volume-value>span{font-size:16px}
#tarif .calculator-tier-help{font-size:14px;margin:12px 0 14px}
#tarif .calculator-ticks{gap:8px}
#tarif .calculator-ticks button{min-height:76px;padding:12px 8px;border:1px solid var(--line-strong);border-radius:10px;background:var(--white);color:var(--navy);box-shadow:var(--depth-light)}
#tarif .calculator-ticks button[aria-pressed=true]{border-color:var(--blue);background:var(--white);box-shadow:inset 0 0 0 1px var(--blue)}
#tarif .calculator-ticks .tier-volume{font-size:15px;font-weight:700}
#tarif .calculator-ticks .tier-price{font-size:16px}
#tarif .calculator-features{font-size:16px;line-height:1.6;gap:10px;margin-top:24px}
#tarif .calculator-sms-note{font-size:15px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:44ch}
#tarif .calculator-sms-note[aria-hidden=true]{display:none}
#tarif .calculator-summary{border-radius:0 0 26px 0}
#tarif .calculator-summary .calculator-plan-name{font-size:18px}
#tarif .calculator-summary .calculator-billing-label{font-size:15px;margin-top:20px}
#tarif .calculator-summary .calculator-price>.num{font-size:clamp(64px,5.6vw,78px)}
#tarif .calculator-summary .calculator-tax{font-size:16px}
#tarif .calculator-summary .calculator-tax>span{font-size:14px}
#tarif .calculator-summary .calculator-allowance{font-size:16px;line-height:1.5}
#tarif .calculator-summary .cta-with-offer{gap:15px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line-dark)}
.hero-actions .trial-offer,.closing-inner .trial-offer{font-size:27px;line-height:1.35;letter-spacing:-.02em;padding:6px 0}
#tarif .calculator-summary .trial-offer{font-size:36px;line-height:1.2;letter-spacing:-.02em}
#tarif .pricing-no-commitment{font-size:14px}
#faq .faq-layout{gap:64px}
#faq .faq-list summary{font-size:20px;line-height:1.45;min-height:80px;padding-block:24px}
#faq .faq-content-inner{font-size:18px;line-height:1.65}
#fonctionnement .brand-ink,#tarif .brand-ink,main :is(h1,h2) .brand-ink{color:var(--blue);-webkit-text-fill-color:currentColor}
@supports(background-clip:text){
#fonctionnement .brand-ink,#tarif .brand-ink,main :is(h1,h2) .brand-ink{background:linear-gradient(90deg,var(--blue),var(--blue-highlight),var(--green-bright),var(--blue));background-size:240% 100%;background-position:65% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.brand-ink.title-color-enter{animation:rappli-title-color 4s var(--ease) 1 both}
}
@keyframes rappli-title-color{from{background-position:0% 50%}to{background-position:65% 50%}}
@media(hover:hover) and (pointer:fine){
#roi .roi-select:hover,#roi .roi-stepper button:not([aria-disabled=true]):hover{background:var(--white);color:var(--navy);border-color:var(--navy);box-shadow:var(--depth-light)}
#tarif .calculator-ticks button:hover{background:var(--white);color:var(--navy);border-color:var(--navy)}
}
@media(max-width:1100px){
#fonctionnement .journey-surface{padding:36px 30px}
#fonctionnement .flow-sequence{gap:24px}
#fonctionnement .flow-step{padding-left:24px}
#fonctionnement .flow-copy h3{font-size:22px}
#modes .sms-option{padding:30px}
#mise-en-route .setup-path{padding:30px;gap:28px}
#roi .roi-heading{gap:32px}
#roi .roi-layout{gap:16px;padding:12px}
#roi .roi-inputs{padding:16px 12px}
#roi .roi-results{padding:20px}
#tarif .calculator-config,#tarif .calculator-summary{padding:28px}
}
@media(max-width:920px){
#resultat .result-inner{grid-template-columns:minmax(0,1fr);max-width:740px;gap:28px;padding:38px}
#resultat .result-celebration{text-align:center}
#resultat .result-explanation{margin-inline:auto}
#resultat .result-equation{max-width:430px;margin-inline:auto;padding:22px}
#roi .roi-heading{grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto}
#roi .roi-layout{grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto}
#roi .roi-heading{gap:20px;margin-bottom:30px}
#roi .roi-layout{gap:16px}
#roi .roi-inputs{padding:14px}
#roi .roi-results{padding:20px}
#roi .roi-bottom{max-width:620px;margin-inline:auto}
#pourquoi .benefit-columns .benefit h3{font-size:24px}
#pourquoi .benefit-columns .benefit p{font-size:18px}
}
@media(max-width:820px){
#mise-en-route .setup-path{grid-template-columns:minmax(0,1fr);max-width:740px;gap:28px}
#mise-en-route .setup-moment{grid-template-columns:52px minmax(0,1fr);gap:0 22px}
#mise-en-route .setup-step-mark{margin:0;min-height:0}
#mise-en-route .setup-dial{padding:5px}
#mise-en-route .setup-finish{padding:24px;margin-left:74px}
#tarif .calculator-volume{padding:28px}
#tarif .calculator-summary{border-radius:0;padding:32px}
#tarif .calculator-features{padding:26px 28px;margin:0;background:var(--surface-soft);border-radius:0 0 26px 26px}
#tarif .calculator-sms-note{grid-row:4;padding:0 28px 26px;margin:0;max-width:none}
}
@media(max-width:760px){
:root{--t-display:clamp(35px,6.6vw,51px);--t-h2:clamp(32px,5.12vw,39px)}
.hero h1{font-size:clamp(30px,5.4vw,40px)}
.hero-caption{font-size:19px}
#fonctionnement,#modes,#resultat,#dashboard,#mise-en-route,#roi,#tarif,#faq{padding-block:38px}
#fonctionnement{padding-bottom:36px}
#modes,#resultat{padding-block:36px}
#dashboard{padding-bottom:36px}
#mise-en-route{padding-top:36px}
#roi{padding-bottom:36px}
#tarif{padding-top:36px}
#fonctionnement .journey-surface{padding:30px 26px}
#fonctionnement .flow-sequence{gap:0;margin-top:28px}
#fonctionnement .flow-step{grid-template-columns:46px minmax(0,1fr);gap:18px;border-left:0;padding:24px 0;border-top:1px solid var(--line-strong)}
#fonctionnement .flow-step:first-child{border-top:0;padding-top:0}
#fonctionnement .flow-step:last-child{padding-bottom:0}
#fonctionnement .flow-number{width:46px;height:46px;font-size:20px;border-radius:12px}
#fonctionnement .flow-copy{margin-top:0}
#fonctionnement .flow-copy h3{font-size:22px}
#fonctionnement .flow-copy p{font-size:17px}
#modes .sms-options{margin-top:28px;gap:24px}
#modes .sms-option{padding:28px}
#modes .sms-option h3{font-size:25px;margin-bottom:20px;padding-bottom:18px}
#modes .sms-option p{font-size:18px}
#modes .sms-choices-lead{font-size:18px}
#resultat .result-inner{padding:32px 26px;border-radius:22px}
#resultat .result-explanation{font-size:19px}
#resultat .result-effortless{font-size:21px}
#dashboard .dashboard-stage{padding:12px;border-radius:20px}
#dashboard .dashboard-switch{margin-block:24px}
#mise-en-route .setup-path{padding:28px;gap:28px;margin-top:28px;border-radius:22px}
#mise-en-route .setup-moment h3{font-size:21px}
#mise-en-route .setup-moment p{font-size:17px}
#roi .roi-layout{padding:10px;border-radius:20px}
#roi .roi-inputs{padding:12px 8px}
#roi .roi-results{padding:20px;border-radius:14px}
#roi .roi-money output{font-size:clamp(46px,9vw,64px)}
#tarif .mode-name{font-size:21px}
#tarif .mode-audience{font-size:16px}
#tarif .calculator-tabs button{min-height:102px;padding:20px}
#faq .faq-layout{gap:30px}
#faq .faq-list summary{font-size:19px}
#faq .faq-content-inner{font-size:17px}
#dashboard .dashboard-heading>p:not(.eyebrow),#mise-en-route .section-heading>p:not(.eyebrow),#roi .roi-heading>p,#tarif>.wrap>.section-heading>p,#secteurs .section-heading>p:not(.eyebrow),#rappel .closing-inner>p{font-size:19px;line-height:1.6}
}
@media(max-width:430px){
:root{--t-display:clamp(32px,8.74vw,38px)}
.hero h1{font-size:clamp(28px,7.3vw,30px)}
.hero-caption{font-size:18px}
#pourquoi .benefit-columns .benefit h3{font-size:23px}
#pourquoi .benefit-columns .benefit p{font-size:17px}
#fonctionnement .journey-surface{padding:26px 20px}
#fonctionnement .flow-step{grid-template-columns:40px minmax(0,1fr);gap:14px}
#fonctionnement .flow-number{width:40px;height:44px;font-size:18px}
#fonctionnement .flow-copy h3{font-size:21px}
#modes .sms-option{padding:26px 22px}
#modes .sms-option p{font-size:17px}
#resultat .result-inner{padding:30px 20px}
#resultat .result-equation{padding:20px 14px;gap:12px}
#resultat .equation-number{font-size:50px}
#resultat .equation-label{font-size:17px}
#dashboard .dashboard-stage{padding:8px;border-radius:16px}
#dashboard .dashboard-switch button{font-size:15px;padding-inline:8px}
#mise-en-route .setup-path{padding:26px 20px}
#mise-en-route .setup-moment{grid-template-columns:40px minmax(0,1fr);gap:0 16px}
#mise-en-route .setup-index{font-size:32px}
#mise-en-route .setup-moment h3{font-size:20px}
#mise-en-route .setup-finish{margin-left:0;padding:22px}
#roi .roi-results{padding:18px 16px}
#roi .roi-select{font-size:16px}
#roi .roi-field label{font-size:16px}
#roi .roi-money output{font-size:clamp(42px,11.7vw,50px)}
#tarif .calculator-volume{padding:24px 20px}
#tarif .calculator-summary{padding:28px 24px}
#tarif .calculator-ticks .tier-volume{font-size:14px}
#tarif .calculator-volume-value>span{font-size:15px}
#tarif .calculator-features{padding:24px;font-size:15px}
#tarif .calculator-sms-note{padding:0 24px 24px;font-size:14px}
#tarif .calculator-summary .trial-offer{font-size:33px}
}
#roi .roi-call-number output{flex-shrink:0}
#roi .roi-stepper{flex-shrink:0}
@media(max-width:600px){
#roi .roi-call-number{display:grid;gap:0;align-items:start}
#roi .roi-call-number>span{line-height:1.5}
#roi .roi-call-count{gap:16px}
#roi .roi-money output{font-size:clamp(42px,10.5vw,56px)}
}
@supports(font-size:1cqi){
#roi .roi-money{container-type:inline-size}
#roi .roi-money output{font-size:min(64px,18cqi)}
}
@media(prefers-reduced-motion:reduce){
.brand-ink.title-color-enter{animation:none!important}
#dashboard .dashboard-panel{transition:none!important}
}
@media(forced-colors:active){
#fonctionnement,#modes,#resultat,#dashboard,#mise-en-route,#roi,#tarif,#faq{background:Canvas;--depth-light:none;--depth-medium:none;--depth-product:none;--surface-soft:Canvas}
#fonctionnement .journey-surface,#fonctionnement .flow-number,#modes .sms-option,#resultat .result-inner,#resultat .result-equation,#dashboard .dashboard-stage,#mise-en-route .setup-path,#mise-en-route .setup-finish,#roi .roi-layout,#roi .roi-results,#roi .roi-select,#tarif .price-calculator{background:Canvas;border-color:CanvasText;color:CanvasText}
#fonctionnement .brand-ink,#tarif .brand-ink,main :is(h1,h2) .brand-ink{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
#tarif .calculator-ticks button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight}
}
#dashboard .dashboard-media[data-media-state=unavailable]{aspect-ratio:auto;min-height:230px}
#dashboard .dashboard-unavailable{display:grid;place-items:center;min-height:230px;padding:28px;border:1px solid var(--line-strong);border-radius:12px;background:var(--white);color:var(--muted);text-align:center}
#dashboard .dashboard-unavailable p{font-size:16px;line-height:1.6;max-width:35ch}
main :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1023px){
.site-header .header-inner{height:auto;min-height:79px;flex-wrap:wrap;justify-content:flex-end;row-gap:4px;padding-block:8px}
.site-header.is-scrolled .header-inner{height:auto;min-height:64px;padding-block:8px}
.header-actions{min-width:0;max-width:100%}
.header-actions .button{max-width:100%;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
.mobile-menu summary{width:max-content;min-width:44px;height:auto;min-height:44px}
section,[id^=panel-],#contenu,.navigation-target,:is(a,button,summary,input,textarea,[tabindex]):focus-visible{scroll-margin-top:var(--navigation-clearance,104px)}
}
@media(max-width:760px){
.site-header .header-inner{min-height:71px}
}
#tarif .calculator-features{align-content:start}
#tarif .calculator-features .calculator-copy-slot>[aria-hidden=true]{display:none}
#tarif .calculator-ticks button{grid-template-columns:minmax(0,1fr) 16px;gap:6px 8px}
#tarif .calculator-ticks .tier-check{display:block;width:16px;height:16px;grid-column:2;grid-row:1 / 3;align-self:center;color:currentColor}
#tarif .calculator-ticks button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--blue)}
#tarif .calculator-ticks button[aria-pressed=true]:hover,#tarif .calculator-ticks button[aria-pressed=true]:active{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
#dashboard .dashboard-panel[data-media-availability=unavailable] figcaption{position:static;display:block;width:auto;height:auto;margin:4px 6px 20px;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;border:0;text-align:left;}
#dashboard .dashboard-panel[data-media-availability=unavailable] figcaption strong{display:block;font-size:20px;line-height:1.4;margin-bottom:6px}
#dashboard .dashboard-panel[data-media-availability=unavailable] figcaption span{display:block;font-size:16px;line-height:1.6;max-width:60ch;color:var(--muted)}
#dashboard .dashboard-context[hidden]{display:none}
#tarif .calculator-body:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}
@supports selector(:has(*)){
#tarif .price-calculator:has(.calculator-body:focus-visible){outline:3px solid var(--blue);outline-offset:5px}
#tarif .price-calculator .calculator-body:focus-visible{outline:none}
}
#dashboard .dashboard-panel[data-media-availability=unavailable] .dashboard-media{aspect-ratio:auto;min-height:0}
#dashboard .dashboard-panel:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:12px}
#dashboard .dashboard-unavailable{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;min-height:0;padding:16px 18px;text-align:left}
#dashboard .dashboard-unavailable p{flex:1;min-width:0;font-size:15px;line-height:1.6;max-width:40ch}
#dashboard .dashboard-help{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;font-size:15px;line-height:1.5;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
#dashboard .dashboard-help .icon{flex-shrink:0;width:18px;height:18px}
#dashboard .dashboard-help:hover,#dashboard .dashboard-help:active{color:var(--navy);text-decoration-thickness:2px}
#dashboard .dashboard-help:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
#dashboard .dashboard-panel[data-media-availability=available] .dashboard-unavailable{display:none}
@media(max-width:640px){
#dashboard .dashboard-unavailable{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}
#dashboard .dashboard-unavailable p{flex:none;max-width:40ch}
#dashboard .dashboard-panel[data-media-availability=unavailable] figcaption{margin:6px 8px 18px}
}
@media(forced-colors:active){
#tarif .calculator-ticks button,#tarif .calculator-ticks button:hover,#tarif .calculator-ticks button:active{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
#tarif .calculator-ticks button[aria-pressed=true],#tarif .calculator-ticks button[aria-pressed=true]:hover,#tarif .calculator-ticks button[aria-pressed=true]:active{background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none}
#tarif .calculator-tabs button[aria-selected=true],#tarif .calculator-tabs button[aria-selected=true]:hover,#tarif .calculator-tabs button[aria-selected=true]:active{background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none}
#roi .roi-select,#roi .roi-select:hover,#roi .roi-stepper button,#roi .roi-stepper button:hover{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
#dashboard .dashboard-unavailable{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
#dashboard .dashboard-help,#dashboard .dashboard-help:hover,#dashboard .dashboard-help:active{color:LinkText}
#dashboard .dashboard-help:focus-visible{outline-color:Highlight}
#tarif .calculator-body:focus-visible,#tarif .price-calculator:has(.calculator-body:focus-visible),#dashboard .dashboard-panel:focus-visible{outline-color:Highlight}
}
@media(min-width:1024px){
.site-header .desktop-nav a{min-width:44px;justify-content:center;padding-inline:8px;margin-inline:-8px}
}
#tarif{background:var(--white)}
#tarif .price-calculator{padding:12px;background:var(--white);border:1px solid var(--line);border-radius:26px;box-shadow:var(--depth-product)}
#tarif .calculator-tabs{width:auto;max-width:none;margin:0 0 12px;padding:8px;gap:8px;border:0;border-radius:18px;background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr))}
#tarif .calculator-tabs button{min-height:106px;padding:18px 20px;gap:6px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--navy);box-shadow:none;transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}
#tarif .calculator-tabs button[aria-selected=true],#tarif .calculator-tabs button[aria-selected=true]:hover,#tarif .calculator-tabs button[aria-selected=true]:active{background:var(--white);color:var(--navy);border-color:color-mix(in oklch,var(--blue) 45%,var(--white));box-shadow:var(--depth-medium)}
#tarif .calculator-tabs .mode-name{color:var(--navy);font-size:22px;line-height:1.35}
#tarif .calculator-tabs .mode-audience{color:var(--ink);font-size:15px;line-height:1.5;max-width:40ch}
#tarif .calculator-tabs :is(.mode-start-price,.mode-volume){display:none}
#tarif .calculator-tabs .mode-selection{display:block;width:18px;height:18px;margin-top:5px;flex:0 0 18px;border:1px solid var(--muted);background:transparent;box-shadow:none}
#tarif .calculator-tabs button[aria-selected=true] .mode-selection{border:5px solid var(--blue);background:var(--white);box-shadow:none}
#tarif .calculator-tabs button:not([aria-selected=true]):hover{background:var(--white);color:var(--navy);border-color:var(--line-strong);text-decoration:none}
#tarif .calculator-tabs button:not([aria-selected=true]):active{background:var(--white);color:var(--navy);border-color:var(--blue)}
#tarif .calculator-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px;background:transparent;border:0;border-radius:0;align-items:stretch}
#tarif .calculator-config{padding:28px 28px 26px;min-width:0;display:block}
#tarif .calculator-volume{margin:0;padding:0}
#tarif .calculator-label{font-size:16px;line-height:1.5;font-weight:650;color:var(--ink)}
#tarif .calculator-volume-value{padding:7px 0 0;min-height:0;gap:4px 12px}
#tarif .calculator-volume-value>output{font-size:44px;line-height:1.2;letter-spacing:-.02em;font-weight:800}
#tarif .calculator-volume-value>span{font-size:15px;line-height:1.5;color:var(--ink)}
#tarif .calculator-tier-help{font-size:13px;line-height:1.5;color:var(--muted);margin:4px 0 12px}
#tarif .calculator-ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:6px;border:0;border-radius:16px;background:var(--surface)}
#tarif .calculator-ticks button{min-height:76px;padding:12px;grid-template-columns:minmax(0,1fr) 16px;gap:4px 6px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--navy);box-shadow:none;transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}
#tarif .calculator-ticks .tier-volume{font-size:16px;font-weight:750;line-height:1.35}
#tarif .calculator-ticks .tier-price{font-size:14px;line-height:1.4;font-weight:600;color:var(--muted)}
#tarif .calculator-ticks button[aria-pressed=true]{background:var(--white);color:var(--navy);border-color:var(--blue);box-shadow:var(--depth-light)}
#tarif .calculator-ticks button[aria-pressed=true] .tier-price{color:var(--ink)}
#tarif .calculator-ticks .tier-check{color:var(--blue)}
#tarif .calculator-ticks button:hover,#tarif .calculator-ticks button:active{background:var(--white);color:var(--navy);border-color:var(--line-strong);box-shadow:var(--depth-light)}
#tarif .calculator-ticks button[aria-pressed=true]:hover,#tarif .calculator-ticks button[aria-pressed=true]:active{background:var(--white);color:var(--navy);border-color:var(--blue);box-shadow:var(--depth-light)}
#tarif .calculator-description{margin:22px 0 0;padding:0;min-height:0;max-width:46ch;color:var(--ink);font-size:15px;font-weight:600;line-height:1.6}
#tarif .calculator-description .calculator-copy-slot>[aria-hidden=true],#tarif .calculator-description>[aria-hidden=true]{display:none}
#tarif .calculator-features{margin:14px 0 0;padding:0;border:0;background:transparent;min-height:0;gap:10px;font-size:15px;line-height:1.6}
#tarif .calculator-features .icon{color:var(--green)}
#tarif .calculator-sms-note{font-size:13px;line-height:1.6;margin-top:14px;padding:0;color:var(--muted)}
#tarif .calculator-summary{container:rappli-price / inline-size;align-items:flex-start;justify-content:flex-start;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft);color:var(--navy);box-shadow:inset 0 1px 0 var(--white),0 1px 2px color-mix(in oklch,var(--navy) 4%,transparent)}
#tarif .calculator-summary .calculator-plan-name{color:var(--navy);font-size:17px;font-weight:750;line-height:1.4;text-wrap:pretty}
#tarif .calculator-summary .calculator-billing-label{color:var(--muted);font-size:13px;line-height:1.5;margin-top:22px}
#tarif .calculator-summary .calculator-price{color:var(--navy);gap:8px;padding-top:7px;flex-wrap:nowrap;max-width:100%;min-height:0}
#tarif .calculator-summary .calculator-price>.num{font-size:clamp(44px,5.6vw,76px);font-size:min(20cqi,76px);font-weight:800;letter-spacing:-.035em;line-height:1.1}
#tarif .calculator-summary .calculator-currency{font-size:30px;font-weight:750}
#tarif .calculator-summary .calculator-tax{font-size:17px;line-height:1.5;color:var(--navy);margin-top:5px}
#tarif .calculator-summary .calculator-tax>span{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin:4px 0 0}
#tarif .calculator-summary .calculator-allowance{font-size:14px;line-height:1.5;font-weight:600;color:var(--ink);margin-top:18px;padding:0;border:0;min-height:0}
#tarif .calculator-summary .cta-with-offer{width:100%;max-width:none;margin-top:24px;padding-top:20px;border-top:1px solid var(--line-strong);gap:12px;align-items:stretch}
#tarif .calculator-summary .trial-offer{align-self:flex-start;justify-content:flex-start;min-height:44px;padding:2px 0;font-size:30px;line-height:1.3;color:var(--green);letter-spacing:-.02em}
#tarif .calculator-summary .trial-offer:hover,#tarif .calculator-summary .trial-offer:active{color:var(--green);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
#tarif .calculator-summary .button-trial{width:100%;min-height:60px;padding:16px 20px;border:1px solid var(--blue);border-radius:var(--radius-pill);background:var(--blue);color:var(--white);font-size:17px;font-weight:750;line-height:1.4;letter-spacing:.01em;box-shadow:0 2px 3px -1px color-mix(in oklch,var(--navy) 18%,transparent),0 8px 18px -10px color-mix(in oklch,var(--blue) 40%,transparent);transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,transform 150ms ease}
#tarif .calculator-summary .button-trial:hover{background:var(--navy);color:var(--white);border-color:var(--navy);box-shadow:0 3px 5px -2px color-mix(in oklch,var(--navy) 20%,transparent),0 12px 22px -12px color-mix(in oklch,var(--blue) 40%,transparent);transform:translateY(-1px)}
#tarif .calculator-summary .button-trial:active{background:var(--navy);color:var(--white);border-color:var(--navy);box-shadow:var(--depth-light);transform:translateY(1px)}
#tarif .pricing-no-commitment{font-size:13px;line-height:1.5;color:var(--muted);text-align:center}
#tarif :is(button,a,input):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
#tarif #pricing-volume-slider{margin-top:6px}
@container rappli-volume (min-width:440px){
#tarif .price-calculator[data-mode=sms] .calculator-ticks{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
#tarif .calculator-config{padding:24px}
#tarif .calculator-summary{padding:26px}
#tarif .calculator-tabs .mode-name{font-size:20px}
}
@media(max-width:820px){
#tarif .calculator-body{grid-template-columns:minmax(0,1fr);gap:0}
#tarif .calculator-config{display:contents}
#tarif .calculator-volume{grid-row:1;padding:24px 20px}
#tarif .calculator-summary{grid-row:2;padding:28px;border-radius:20px}
#tarif .calculator-description{grid-row:3;margin:0;padding:24px 20px 0;max-width:none}
#tarif .calculator-features{grid-row:4;margin:0;padding:14px 20px 24px;border-radius:0;background:transparent}
#tarif .calculator-sms-note{grid-row:5;margin:0;padding:0 20px 20px;max-width:none}
}
@media(max-width:640px){
#tarif .price-calculator{padding:10px;border-radius:24px}
#tarif .calculator-tabs{grid-template-columns:minmax(0,1fr);padding:6px;gap:6px;margin-bottom:0;border-radius:16px}
#tarif .calculator-tabs button{min-height:96px;padding:16px;gap:5px}
#tarif .calculator-tabs .mode-name{font-size:20px}
#tarif .calculator-tabs .mode-audience{font-size:14px}
#tarif .calculator-volume{padding:24px 12px}
#tarif .calculator-label{font-size:15px}
#tarif .calculator-volume-value>output{font-size:40px}
#tarif .calculator-volume-value>span{font-size:14px}
#tarif .calculator-ticks button{padding:10px;min-height:74px}
#tarif .calculator-ticks .tier-volume{font-size:15px}
#tarif .calculator-summary{padding:24px 20px;border-radius:17px}
#tarif .calculator-summary .trial-offer{font-size:29px}
#tarif .calculator-description{padding:22px 12px 0;font-size:14px}
#tarif .calculator-features{padding:14px 12px 18px;font-size:14px}
#tarif .calculator-sms-note{padding:0 12px 18px}
}
@media(prefers-reduced-motion:reduce){
#tarif .calculator-summary .button-trial,#tarif .calculator-summary .button-trial:is(:hover,:active){transition:none;transform:none}
}
@media(forced-colors:active){
#tarif,#tarif .price-calculator,#tarif .calculator-tabs,#tarif .calculator-body,#tarif .calculator-summary,#tarif .calculator-ticks{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
#tarif .calculator-tabs button,#tarif .calculator-ticks button,#tarif .calculator-summary .button-trial{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
#tarif .calculator-tabs button[aria-selected=true],#tarif .calculator-tabs button[aria-selected=true]:is(:hover,:active),#tarif .calculator-ticks button[aria-pressed=true],#tarif .calculator-ticks button[aria-pressed=true]:is(:hover,:active){background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none}
#tarif .calculator-tabs button[aria-selected=true] :is(.mode-name,.mode-audience),#tarif .calculator-ticks button[aria-pressed=true] :is(.tier-price,.tier-check){color:HighlightText}
#tarif .calculator-tabs .mode-selection{border-color:ButtonText}
#tarif .calculator-tabs button[aria-selected=true] .mode-selection{border-color:HighlightText;background:Highlight}
#tarif .calculator-summary :is(.calculator-plan-name,.calculator-billing-label,.calculator-price,.calculator-tax,.calculator-tax>span,.calculator-allowance,.pricing-no-commitment){color:CanvasText}
#tarif .calculator-summary .trial-offer,#tarif .calculator-summary .trial-offer:is(:hover,:active){color:LinkText}
#tarif .calculator-summary .button-trial:is(:hover,:active){background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none}
#tarif :is(button,a,input):focus-visible{outline-color:Highlight}
}
#operator-marquee .operator{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--operator-width);height:68px;padding:0;border:0;border-radius:0;background:none}
#operator-marquee .operator img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain;filter:none;opacity:1}
#operator-marquee .operator-group{gap:42px;padding-right:42px}
#operator-marquee .operator-track{animation-duration:100s}
@media(max-width:760px){
#operator-marquee .operator{width:calc(var(--operator-width) * .9)}
#operator-marquee .operator-group{gap:30px;padding-right:30px}
#operator-marquee .operator-track{animation-duration:94s}
}
@media(prefers-reduced-motion:reduce){
#operator-marquee .operator-group{gap:20px 24px;padding:0}
}
#modes .sms-option{display:flex;flex-direction:column}
#modes .sms-option-action{margin-top:auto;padding-top:24px}
#modes .sms-option-link{max-width:100%;min-height:44px;gap:12px;font-size:16px;line-height:1.5;letter-spacing:.02em;color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#modes .sms-option-link .icon{flex-shrink:0;width:18px;height:18px}
#modes .sms-option-link:is(:hover,:active){color:var(--navy);text-decoration-thickness:2px}
#modes .sms-option-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:3px}
#tarif [data-price-fallback]{scroll-margin-top:var(--navigation-clearance,104px)}
@media(prefers-reduced-motion:reduce){
#modes .sms-option-link .icon,#modes .sms-option-link:is(:hover,:active) .icon{transform:none;transition:none}
}
@media(forced-colors:active){
#modes .sms-option-link,#modes .sms-option-link:is(:hover,:active){color:LinkText}
#modes .sms-option-link:focus-visible{outline-color:Highlight}
}
#pourquoi .benefit-glyph,#compatibilite .devices-visual{stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#pourquoi .benefit-glyph :is(path,rect,circle,line),#compatibilite .devices-visual :is(path,rect,circle,line){vector-effect:non-scaling-stroke}
#pourquoi .benefit-glyph .glyph-accent{fill:none;stroke:var(--green)}
#compatibilite .compatibility-phone{gap:22px;align-items:center}
#compatibilite .compatibility-phone>div{min-width:0}
#compatibilite .devices-visual{width:136px;flex:0 0 136px;height:auto;max-width:100%;aspect-ratio:144 / 80;fill:none}
#compatibilite .devices-visual .device-body{fill:var(--white)}
#compatibilite .devices-visual .device-screen{fill:var(--pale)}
@media(max-width:600px){
#compatibilite .compatibility-phone{flex-direction:column;align-items:flex-start;gap:16px}
#compatibilite .devices-visual{flex:none;width:136px}
}
@media(forced-colors:active){
#pourquoi .benefit-glyph,#pourquoi .benefit-glyph .glyph-accent,#compatibilite .devices-visual{stroke:CanvasText}
#compatibilite .devices-visual :is(.device-body,.device-screen){fill:Canvas}
}
.proof-strip .proof-visual{stroke-width:1.8}
.proof-strip .proof-visual :is(path,rect,circle,line){vector-effect:non-scaling-stroke}
#roi .roi-select,#roi .roi-stepper button{border-color:color-mix(in oklch,var(--muted) 80%,var(--white))}
#dashboard .dashboard-switch::before{border-color:color-mix(in oklch,var(--muted) 80%,var(--white))}
#roi .roi-select{height:auto}
#roi .roi-select:focus{outline:3px solid var(--blue);outline-offset:4px}
#roi .roi-select-wrap>svg{top:50%;transform:translateY(-50%)}
#roi .roi-stepper button[aria-disabled=true]{opacity:1;border-color:var(--line-strong);background:var(--surface);box-shadow:none}
#roi .roi-stepper button[aria-disabled=true] .icon{opacity:.38}
#roi .roi-stepper button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
#roi .roi-select:hover,#roi .roi-stepper button:not([aria-disabled=true]):hover{border-color:var(--navy);color:var(--navy);background:var(--white)}
}
@media(forced-colors:active){
.proof-strip .proof-visual,.proof-strip .proof-visual .glyph-accent{stroke:CanvasText}
#roi .roi-select,#roi .roi-select:hover,#roi .roi-stepper button,#roi .roi-stepper button:not([aria-disabled=true]):hover{border-color:ButtonText;background:ButtonFace;color:ButtonText}
#roi .roi-stepper button[aria-disabled=true]{border-color:GrayText;color:GrayText;background:ButtonFace}
#roi .roi-stepper button[aria-disabled=true] .icon{opacity:1}
#roi .roi-select:focus{outline-color:Highlight}
#roi .roi-stepper button:focus-visible{outline-color:Highlight}
#dashboard .dashboard-switch::before{border-color:Highlight}
}
#roi .roi-select-value[hidden]{display:none}
#roi .roi-select-wrap[data-label-ready]{display:grid}
#roi .roi-select-wrap[data-label-ready] .roi-select,#roi .roi-select-value{grid-area:1/1}
#roi .roi-select-wrap[data-label-ready] .roi-select{height:100%;color:transparent;-webkit-text-fill-color:transparent}
#roi .roi-select-wrap[data-label-ready] option{color:var(--navy);-webkit-text-fill-color:var(--navy);background:var(--white)}
#roi .roi-select-value{z-index:1;align-self:center;min-width:0;padding:12px 43px 12px 17px;pointer-events:none;color:var(--navy);font:650 17px/1.5 var(--font-sans);overflow-wrap:break-word;text-wrap:pretty}
@media(max-width:430px){
#roi .roi-select-value{font-size:16px}
}
@media(forced-colors:active){
#roi .roi-select-value{color:CanvasText}
#roi .roi-select-wrap[data-label-ready] option{color:ButtonText;-webkit-text-fill-color:ButtonText;background:ButtonFace}
}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/identity/asset-2372266bba7062f8.woff2) format('woff2')}
#hero .hero-google-proof{--review-star-fill:oklch(0.830438 0.169810 83.9927);--review-star-edge:oklch(.58 .12 83.9927);display:grid;grid-template-columns:max-content 46px max-content;column-gap:12px;align-items:center;width:fit-content;max-width:100%;margin:22px auto 0;text-align:left}
#hero .review-annotation{margin:0;font:500 25px/1.08 'Caveat','Segoe Print','Bradley Hand',cursive;letter-spacing:0;color:var(--blue);text-align:right}
#hero .review-annotation span{display:block}
#hero .review-arrow{display:block;width:46px;height:auto;fill:none;stroke:var(--blue);stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
#hero .review-arrow path{vector-effect:non-scaling-stroke}
#hero .google-review-summary{display:flex;gap:10px;align-items:center;min-width:0;color:var(--navy)}
#hero .google-review-logo{display:block;flex:0 0 27.5px;width:27.5px;height:auto;aspect-ratio:1;object-fit:contain}
#hero .google-review-stars{display:block;flex:none;width:110px;height:auto;fill:var(--review-star-fill);stroke:var(--review-star-edge);stroke-width:.7;stroke-linejoin:round}
@media(max-width:600px){
#hero .hero-google-proof{grid-template-columns:max-content 36px max-content;column-gap:10px;margin-top:20px}
#hero .review-annotation{font-size:21px;line-height:1.12}
#hero .review-arrow{width:36px}
#hero .google-review-summary{gap:8px}
#hero .google-review-logo{flex-basis:24px;width:24px}
#hero .google-review-stars{width:88px}
}
@media(max-width:359px){
#hero .hero-actions .button{font-size:16px;padding-inline:16px}
#hero .hero-google-proof{grid-template-columns:max-content 26px max-content;column-gap:10px}
#hero .review-annotation{font-size:20px}
#hero .review-arrow{width:26px}
#hero .google-review-summary{gap:8px}
#hero .google-review-logo{flex-basis:22px;width:22px}
#hero .google-review-stars{width:78px}
}
@media(forced-colors:active){
#hero .review-annotation,#hero .google-review-summary{color:CanvasText}
#hero .review-arrow{stroke:CanvasText}
#hero .google-review-stars{fill:CanvasText;stroke:CanvasText}
}
/* A missing network image retains the common frame and a useful retry action. */
.dashboard-panel[data-media-availability="available"] .dashboard-unavailable{display:none}
.dashboard-media[data-media-state="error"] .dashboard-image{visibility:hidden}


/* Les deux médias utilisent le cadre et le ratio validés, sans recadrage. */
#dashboard .dashboard-image{display:block;width:100%;height:auto;aspect-ratio:4/3;border:1px solid var(--line);border-radius:10px;object-fit:contain}