.ios-app-promo{position:relative;max-width:var(--max);margin:0 auto 55px;padding:42px 44px;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(300px,.85fr);align-items:center;gap:34px;border:1px solid #29425f;border-radius:30px;background:linear-gradient(145deg,rgba(12,28,45,.98),rgba(8,20,33,.96));box-shadow:0 28px 70px rgba(0,0,0,.2);overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ios-app-promo:hover,.ios-app-promo:focus-visible{transform:translateY(-2px);border-color:#3d6387;box-shadow:0 34px 84px rgba(0,0,0,.28)}.ios-app-promo:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ios-app-promo::after{content:"→";position:absolute;right:34px;bottom:30px;width:50px;height:50px;display:grid;place-items:center;border:1px solid #4a6684;border-radius:50%;font-size:27px;color:var(--accent);background:rgba(8,20,33,.75)}
.ios-app-copy{position:relative;z-index:2}.ios-app-copy h2{margin:8px 0 14px;max-width:620px;font-size:clamp(30px,3.4vw,48px);line-height:1.06}.ios-app-copy p{max-width:620px;margin:0;color:var(--muted);font-size:18px;line-height:1.6}.ios-app-actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}.ios-app-actions .button[href*="apps.apple.com"],.ios-app-actions .google-play-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:190px;height:58px;padding:0 18px;border:1px solid rgba(255,255,255,.82);border-radius:9px;background:#050505;color:#fff;font-size:18px;font-weight:700;line-height:1;text-indent:0;white-space:nowrap}.app-store-mark{font-size:31px;font-weight:400;line-height:1}.app-store-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1}.google-play-mark{font-size:25px;line-height:1}.google-play-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1}.google-play-copy::before{content:"Disponible sur";font-size:9px;font-weight:500;letter-spacing:.01em}html[lang="en"] .google-play-copy::before{content:"Get it on"}.app-store-copy::before{content:"Télécharger sur";font-size:9px;font-weight:500;letter-spacing:.01em}html[lang="en"] .app-store-copy::before{content:"Download on the"}.ios-app-actions .button.secondary{background:rgba(255,255,255,.02)}.ios-app-actions .app-store-badge{display:inline-flex!important;width:auto!important;height:auto!important;overflow:visible!important;text-indent:0!important;background:none!important;border-radius:0!important}.app-store-badge img{display:block;width:180px;height:auto}
.ios-app-visual{position:relative;min-height:430px;display:grid;grid-template-columns:245px;align-items:center;justify-content:center;gap:0;padding:0}.ios-app-metrics{position:static;z-index:3;display:grid;gap:24px;width:230px}.ios-app-metric{box-sizing:border-box;width:230px;min-height:104px;padding:17px 16px 17px 64px;border:1px solid rgba(85,118,150,.7);border-radius:16px;background-color:rgba(8,21,35,.93);background-repeat:no-repeat;background-position:18px 22px;background-size:32px 32px;box-shadow:0 18px 40px rgba(0,0,0,.24);font-size:14px;font-weight:800;line-height:1.3;letter-spacing:.01em;white-space:normal}.ios-app-metric::after{display:block;margin-top:7px;color:#9fb0c4;font-size:11px;font-weight:500;line-height:1.45;letter-spacing:0}.ios-app-metric-score{border-color:rgba(85,217,146,.72);color:#dfeafb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2355d992' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='11'/%3E%3Cpath d='M16 16l6-6'/%3E%3Cpath d='M16 5v3M27 16h-3M8 16H5'/%3E%3C/svg%3E")}.ios-app-metric-score::after{content:"Score moyen de vos domaines actifs"}html[lang="en"] .ios-app-metric-score::after{content:"Average score across your active domains"}.ios-app-metric-alerts{border-color:rgba(245,195,91,.72);color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23f5c35b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a6 6 0 0 1 12 0c0 7 3 7 3 9H7c0-2 3-2 3-9'/%3E%3Cpath d='M13 25a3 3 0 0 0 6 0'/%3E%3C/svg%3E")}.ios-app-metric-alerts::after{content:"Soyez informé dès qu’un incident est détecté."}html[lang="en"] .ios-app-metric-alerts::after{content:"Get notified as soon as an incident is detected."}.ios-app-screenshot{width:245px;height:auto;border:1px solid #3a5879;border-radius:36px;background:#06101c;box-shadow:0 30px 65px rgba(0,0,0,.42);transform:translateY(6px)}.app-qr{position:relative;z-index:2;display:grid;gap:14px;justify-items:center;box-sizing:border-box;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(8,21,35,.92)}.app-qr img{width:140px;height:auto;border-radius:10px}.app-qr strong,.app-store-qr-badge{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:140px;height:54px;border:1px solid rgba(255,255,255,.82);border-radius:8px;background:#050505;color:#fff;font-size:18px;font-weight:700;line-height:1;white-space:nowrap}.app-qr strong::before,.app-store-qr-badge::before{content:"";margin-right:8px;font-size:26px;font-weight:400;line-height:1}.app-qr strong{position:relative;padding-top:10px}.app-qr strong::after{content:"Télécharger sur";position:absolute;left:43px;top:8px;font-size:8px;font-weight:500;line-height:1;letter-spacing:.01em}html[lang="en"] .app-qr strong::after{content:"Download on the"}
.ios-detail-hero{max-width:var(--max);margin:0 auto;padding:72px 24px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);align-items:center;gap:56px}.ios-detail-hero h1{max-width:760px;margin:10px 0 18px;font-size:clamp(42px,6vw,72px);line-height:1.02}.ios-detail-hero p{max-width:700px;color:var(--muted);font-size:19px;line-height:1.65}.ios-detail-visual{position:relative;display:grid;place-items:center;min-height:500px}.ios-detail-visual .ios-app-screenshot{width:290px}.ios-detail-features{max-width:var(--max);margin:0 auto;padding:30px 24px 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ios-detail-feature{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.ios-detail-feature span{display:inline-flex;margin-bottom:28px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em}.ios-detail-feature h2{margin:0 0 10px;font-size:23px}.ios-detail-feature p{margin:0;color:var(--muted);line-height:1.6}.ios-detail-cta{max-width:var(--max);margin:0 auto 70px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #29425f;border-radius:24px;background:linear-gradient(145deg,rgba(12,28,45,.98),rgba(8,20,33,.96))}.ios-detail-cta h2{margin:0 0 8px}.ios-detail-cta p{margin:0;color:var(--muted)}
@media(max-width:1220px){.ios-app-promo{grid-template-columns:1fr}.ios-app-copy{max-width:720px}.ios-app-visual{justify-content:center;padding-right:0}}
@media(max-width:850px){.ios-app-promo{padding:34px 28px}.ios-app-visual{grid-template-columns:190px 220px;justify-content:center;min-height:370px;gap:24px}.app-qr{display:none}.ios-app-promo::after{right:24px;bottom:24px}.ios-app-metrics{width:190px;gap:18px}.ios-app-metric{width:190px;min-height:100px;padding:14px 12px 14px 50px;background-position:13px 18px;background-size:27px 27px;font-size:12px}.ios-app-metric::after{font-size:10px}.ios-app-screenshot{width:220px}.ios-detail-hero{grid-template-columns:1fr}.ios-detail-visual{min-height:390px;justify-items:start}.ios-detail-features{grid-template-columns:1fr 1fr}.ios-detail-cta{margin-left:24px;margin-right:24px}}
@media(max-width:620px){.ios-app-promo{margin:0 16px 40px;padding:28px 22px 82px;gap:18px;border-radius:24px}.ios-app-copy h2{font-size:32px}.ios-app-copy p{font-size:16px}.ios-app-actions{display:grid;justify-items:start}.ios-app-actions .button{width:100%}.ios-app-actions .button[href*="apps.apple.com"],.ios-app-actions .google-play-link{width:auto;min-width:190px;height:58px}.ios-app-actions .app-store-badge{width:auto!important;height:auto!important}.ios-app-visual{min-height:360px;padding:0;display:grid;grid-template-columns:1fr;justify-items:center;gap:10px}.ios-app-screenshot{width:100%;max-width:220px;order:1}.ios-app-metrics{position:static;order:2;width:min(100%,240px);gap:8px;margin-top:6px}.ios-app-metric{width:100%;min-height:94px;white-space:normal}.ios-detail-hero{padding-top:48px}.ios-detail-visual{min-height:330px}.ios-detail-visual .ios-app-screenshot{width:230px}.ios-detail-features{grid-template-columns:1fr}.ios-detail-cta{padding:28px;align-items:flex-start;flex-direction:column}}
@media(min-width:1221px){.ios-app-promo{grid-template-columns:minmax(400px,1fr) minmax(650px,1.05fr);gap:24px}.ios-app-visual{grid-template-columns:210px 235px 175px;gap:20px;padding-right:0}.ios-app-metrics,.ios-app-metric{width:210px}.ios-app-screenshot{width:235px}.app-qr{width:175px;padding:20px}.app-qr img{width:135px}.app-qr strong,.app-store-qr-badge{width:135px;height:52px;font-size:16px}.app-qr strong::after{left:40px;top:8px;font-size:7px}}