.product-page{--accent:#5d9fff;--tint:#e8f1ff}.product-page.compta{--accent:#9c82ed;--tint:#f3efff}.product-page.millages{--accent:#8cc8ff;--tint:#eaf4ff}.product-page.recouvrement{--accent:#ef9567;--tint:#fff0e8}
.detail-hero{background:#050507;color:#f5f5f7;overflow:hidden;padding:38px 0 90px}.back-link{color:#9b9ba3;font-size:12px}.back-link:hover{color:#fff}.detail-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:5%;min-height:630px}.detail-category,.detail-section-head>p,.process-kicker,.availability p{font-size:10px;font-weight:650;letter-spacing:.13em;color:#92929a}.detail-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:650;letter-spacing:-.8px;margin:27px 0 22px}.detail-brand .app-icon{width:43px;height:43px;border-radius:11px;box-shadow:none}.detail-hero h1{font-size:clamp(52px,5.5vw,77px);line-height:1.07;letter-spacing:-3.8px;margin:0}.detail-hero h1 span{display:block}.detail-hero h1 span:last-child{color:var(--accent)}.detail-intro{font-size:17px;line-height:1.65;max-width:570px;color:#a8a8b2;margin:26px 0 27px}.detail-actions{display:flex;align-items:center;gap:25px}.detail-meta{display:flex;align-items:center;gap:12px;color:#888892;font-size:11px;margin-top:38px}.detail-meta i{width:3px;height:3px;background:#888892;border-radius:50%}.detail-hero .link-light{white-space:nowrap}
.portal-visual{position:relative;height:480px}.visual-device{width:115%;height:430px;position:absolute;left:4%;top:3%;border:10px solid #242831;border-radius:18px;box-shadow:0 0 0 1px #767a84,0 35px 90px #131931bb;overflow:hidden;background:#fff}.visual-device-top{height:30px;background:#161d2b;color:#d3d9e3;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;letter-spacing:.13em}.visual-screen{position:relative;height:calc(100% - 30px);overflow:hidden}.visual-screen iframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;pointer-events:none}.concept-caption{position:absolute;bottom:9px;left:5%;color:#858590;font-size:10px}
.concept-visual{height:500px;display:grid;place-items:center;position:relative;isolation:isolate}.concept-visual:before{content:"";position:absolute;width:95%;height:88%;border-radius:50%;background:radial-gradient(ellipse,var(--accent),transparent 68%);filter:blur(55px);opacity:.22;z-index:-1}.concept-surface{width:min(440px,90%);background:#f8f9fc;color:#1d2530;border:1px solid #d9dce4;border-radius:22px;padding:31px;box-shadow:0 35px 95px #01030ab0;transform:rotate(-5deg)}.concept-topline{display:flex;justify-content:space-between;color:#8390a0;font-size:10px;font-weight:700;letter-spacing:.1em}.concept-surface>p{font-size:24px;font-weight:700;letter-spacing:-1px;margin:32px 0 26px}.compta-visual .concept-surface{transform:rotate(-4deg)}.metric-label{font-size:10px;color:#7d8596;font-weight:700;letter-spacing:.12em}.metric-value{font-size:62px;font-weight:750;letter-spacing:-4px;margin-top:5px}.metric-value small{font-size:25px;color:#88909d}.chart-bars{height:108px;display:flex;align-items:flex-end;gap:11px;margin:18px 0 0}.chart-bars i{flex:1;background:linear-gradient(#b6a7f7,#795fde);border-radius:6px 6px 0 0}.chart-bars i:nth-child(even){background:linear-gradient(#d7cffe,#ab98ef)}.concept-bottom{border-top:1px solid #dfe2e9;margin-top:20px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b95a0}.concept-bottom strong{color:#293346;font-size:20px}.millages-visual .concept-surface{transform:rotate(5deg)}.route-map{height:140px;position:relative;background:radial-gradient(circle at 14% 80%,#d7f0e8 0 11%,transparent 12%),radial-gradient(circle at 77% 26%,#d7f0e8 0 12%,transparent 13%),linear-gradient(120deg,#f3faf7,#e6f3ef);border-radius:12px;overflow:hidden}.route-path{position:absolute;width:75%;height:115px;top:17%;left:11%;border:4px dashed #57b6a4;border-radius:49% 51% 45% 55%;transform:rotate(-18deg)}.route-point{position:absolute;width:16px;height:16px;border-radius:50%;background:#258e7a;border:3px solid #fff;box-shadow:0 0 0 3px #9dd8c9;z-index:1}.route-point.start{left:14%;bottom:18%}.route-point.end{right:18%;top:17%}.route-name{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#426c63;margin:15px 0}.distance-chip{display:inline-flex;align-items:center;gap:7px;background:#e2f4ec;color:#247e68;border-radius:8px;font-size:18px;font-weight:700;padding:10px}.distance-chip small{font-size:9px;font-weight:500}.recouvrement-visual .concept-surface{transform:rotate(-3deg)}.case-steps{display:grid;gap:10px}.case-steps>div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e8e8e9;border-radius:10px;padding:13px;font-size:11px}.case-steps i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#ffebe2;color:#ce754f;font-style:normal;font-weight:700;flex:none}.case-steps span{flex:1;font-weight:600}.case-steps b{font-size:9px;color:#a7a7aa}.case-steps>div:nth-child(3){border-color:#f1b398;background:#fff6f1}.case-steps>div:nth-child(3) b{color:#c76b43}
.detail-overview{padding:110px 0 125px}.detail-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.detail-section-head h2{max-width:620px}.detail-features{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:80px}.detail-features article{border-top:1px solid #d2d2d7;padding-top:18px}.detail-features article>span{font-size:11px;color:var(--accent);font-weight:650}.detail-features h3{font-size:20px;letter-spacing:-.7px;margin:40px 0 13px}.detail-features p{font-size:14px;line-height:1.6;color:#6e6e73;margin:0}
.process{background:#f5f5f7;padding:105px 0}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.process-grid h2{font-size:clamp(35px,3.8vw,52px)}.process-grid>div:first-child>p:last-child{font-size:16px;line-height:1.6;color:#77777d;max-width:470px}.process-steps{border-top:1px solid #d4d4d8}.process-steps article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #d4d4d8}.process-steps article>span{font-size:12px;color:var(--accent);font-weight:650}.process-steps h3{font-size:20px;letter-spacing:-.6px;margin:0 0 9px}.process-steps p{font-size:14px;line-height:1.55;color:#74747b;margin:0}
.availability{padding:95px 0;display:flex;justify-content:space-between;align-items:center;gap:45px;border-bottom:1px solid #e1e1e4}.availability h2{font-size:clamp(35px,3.8vw,50px);margin:0 0 16px}.availability span{display:block;max-width:700px;color:#77777d;font-size:15px;line-height:1.6}.availability .button{white-space:nowrap}.related{padding:75px 0 105px}.related h2{font-size:37px;margin-bottom:34px}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related>div>a{border:1px solid #e0e0e4;border-radius:16px;padding:18px;display:flex;align-items:center;gap:13px;transition:box-shadow .2s,transform .2s}.related>div>a:hover{box-shadow:0 12px 30px #00000010;transform:translateY(-2px)}.related-icon{width:46px;height:46px;border-radius:11px;color:white;display:grid;place-items:center;flex:none}.related-icon.portal{background:#3477e8}.related-icon.compta{background:#8062d6}.related-icon.millages{background:#2368bd}.related-icon.recouvrement{background:#dc8155}.related-icon svg{width:33px;height:33px}.related strong,.related small{display:block}.related strong{font-size:13px}.related small{font-size:10px;color:#888890;margin-top:5px}.related b{margin-left:auto;color:#0071e3;font-weight:500}
@media(max-width:950px){.detail-hero-grid{grid-template-columns:1fr;gap:20px;padding-top:35px}.detail-hero{padding-bottom:35px}.detail-copy{max-width:710px}.portal-visual,.concept-visual{height:460px}.portal-visual .visual-device{width:100%;left:0}.detail-features{grid-template-columns:repeat(2,1fr);gap:35px}.process-grid{gap:35px}.related>div{gap:10px}}
@media(max-width:650px){.detail-hero{padding:30px 0 30px}.detail-hero-grid{padding-top:20px}.detail-category{font-size:9px}.detail-brand{font-size:18px;margin:21px 0}.detail-brand .app-icon{width:38px;height:38px}.detail-hero h1{font-size:clamp(42px,11vw,58px);letter-spacing:-2.6px}.detail-intro{font-size:15px;margin:22px 0}.detail-actions{gap:18px}.detail-meta{flex-wrap:wrap;font-size:10px;margin-top:28px}.concept-visual{height:380px}.concept-surface{padding:23px;width:min(340px,90%)}.concept-surface>p{font-size:20px;margin:20px 0}.metric-value{font-size:48px}.chart-bars{height:85px}.route-map{height:110px}.portal-visual{height:330px}.portal-visual .visual-device{width:118%;height:275px;left:0;top:5%;border-width:7px}.concept-caption{font-size:9px;bottom:3px}.detail-overview{padding:72px 0}.detail-section-head{display:block}.detail-section-head h2{font-size:39px;margin-top:20px}.detail-features{grid-template-columns:1fr;gap:24px;margin-top:40px}.detail-features h3{font-size:20px;margin:22px 0 8px}.detail-features p{font-size:14px}.process{padding:72px 0}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid h2{font-size:37px}.process-grid>div:first-child>p:last-child{font-size:14px}.availability{padding:70px 0;display:block}.availability h2{font-size:36px}.availability span{font-size:14px}.availability .button{margin-top:28px}.related{padding:65px 0 80px}.related h2{font-size:34px}.related>div{grid-template-columns:1fr}.related>div>a{padding:13px}}
.detail-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:58px}.detail-features article{border:1px solid #e6e8ed;border-radius:18px;background:#f8f9fb;padding:29px 31px 32px;min-height:225px}.feature-pictogram{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,#fff);color:var(--accent)}.feature-pictogram svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.detail-features h3{font-size:21px;margin:23px 0 9px}.detail-features p{max-width:420px}.process-steps{border:0;margin-top:4px}.process-steps article{display:block;position:relative;margin:0 0 6px 13px;padding:0 0 29px 43px;border:0}.process-steps article:before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 16%,#fff)}.process-steps article:not(:last-child):after{content:"";position:absolute;left:8px;top:30px;bottom:5px;width:1px;background:color-mix(in srgb,var(--accent) 40%,#d4d4d8)}.process-steps article h3{margin:0 0 8px}.process-steps article p{max-width:390px}
@media(max-width:650px){.detail-features{grid-template-columns:1fr;gap:13px;margin-top:38px}.detail-features article{min-height:0;padding:23px 24px 25px}.detail-features h3{margin:18px 0 8px}.feature-pictogram{width:43px;height:43px}.process-steps article{padding-bottom:27px}}
.millage-hero-visual{height:600px;position:relative;display:grid;place-items:center;isolation:isolate}.millage-glow{position:absolute;inset:11% -10%;background:radial-gradient(ellipse at center,#1b68b855,transparent 65%);filter:blur(30px);z-index:-1}.millage-phone{width:280px;border:9px solid #242831;border-radius:37px;background:#f5f7fb;overflow:hidden;box-shadow:0 0 0 1px #647388,0 35px 80px #0009;transform:rotate(7deg)}.millage-phone img{display:block;width:100%;height:auto}.millage-hero-visual .concept-caption{left:50%;bottom:0;transform:translateX(-50%);text-align:center;white-space:nowrap}
.product-page.millages .millages-icon{background:linear-gradient(145deg,#8cc8ff,#2368bd 64%,#12243a)}
.millage-gallery{padding:105px 0 95px;border-bottom:1px solid #e1e1e4}.millage-gallery-head{max-width:730px;margin:0 auto 60px;text-align:center}.millage-gallery-head p{font-size:11px;font-weight:700;letter-spacing:.16em;color:#2368bd}.millage-gallery-head h2{font-size:clamp(38px,4.8vw,65px);letter-spacing:-.045em;margin:14px 0 18px}.millage-gallery-head span{display:block;color:#6e6e73;font-size:15px;line-height:1.6}.millage-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.millage-gallery figure{margin:0;min-width:0}.millage-gallery figure img{display:block;width:min(100%,300px);height:auto;margin:auto;border:6px solid #252d39;border-radius:34px;box-shadow:0 18px 50px #12243a28;overflow:hidden}.millage-gallery figcaption{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:baseline;max-width:300px;margin:22px auto 0;color:#2368bd;font-size:12px;font-weight:700}.millage-gallery figcaption strong{color:#12243a;font-size:18px}.millage-gallery figcaption span{flex-basis:100%;color:#6e6e73;font-size:13px;font-weight:400;line-height:1.5}
@media(max-width:950px){.millage-hero-visual{height:540px}.millage-gallery-grid{gap:15px}.millage-gallery figure img{border-width:4px;border-radius:26px}}
@media(max-width:650px){.millage-hero-visual{height:470px}.millage-phone{width:218px;border-width:7px;border-radius:30px}.millage-hero-visual .concept-caption{white-space:normal;width:100%;font-size:9px}.millage-gallery{padding:72px 0}.millage-gallery-head{margin-bottom:40px}.millage-gallery-head span{font-size:14px}.millage-gallery-grid{grid-template-columns:1fr;gap:48px}.millage-gallery figure img{width:min(100%,280px);border-radius:30px}.millage-gallery figcaption{max-width:280px;margin-top:16px}}