.app-detail-hero{position:relative;overflow:hidden;background:#071017;color:#fff;padding:34px 0 94px}.app-detail-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,rgba(0,0,0,.9),transparent 90%)}.app-detail-hero:after{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-330px;border-radius:50%;background:radial-gradient(circle,rgba(14,157,164,.20),transparent 69%);pointer-events:none}.app-detail-shell{position:relative;z-index:2}.app-detail-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:34px;color:#99abb4;text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.03em}.app-detail-back span{color:var(--teal-bright)}.app-detail-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;max-width:1480px;margin:0 auto}.app-detail-copy{padding:10px 0 20px}.app-detail-title{display:inline-flex;align-items:center;padding:12px 18px 13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.app-detail-title h1{margin:0;font-family:var(--title);font-size:clamp(30px,2.7vw,44px);line-height:1;letter-spacing:-.03em;font-weight:650;color:#fff;white-space:nowrap}.app-detail-line{margin:28px 0 0;font-size:clamp(20px,1.7vw,27px);line-height:1.2;font-weight:600;letter-spacing:-.018em;color:#edf3f4;text-wrap:balance}.app-detail-text{max-width:590px;margin:18px 0 0;color:#aab8bf;font-size:16px;line-height:1.7}.app-detail-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.app-detail-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:12px;background:linear-gradient(180deg,#13a6a8,#08777c);color:#fff;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 12px 24px rgba(5,104,109,.20);transition:transform .2s}.app-detail-primary span{margin-left:14px;font-size:18px}.app-detail-primary:hover{transform:translateY(-1px)}.app-detail-text-btn{color:#d7e0e3;text-decoration:none;font-size:13px;font-weight:650;border-bottom:1px solid rgba(215,224,227,.35);padding:7px 0}.app-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px;max-width:610px}.app-detail-meta div{padding:14px 15px;border-left:1px solid rgba(255,255,255,.14)}.app-detail-meta strong{display:block;margin-bottom:7px;color:#f5bd19;font-size:10px;letter-spacing:.12em}.app-detail-meta span{display:block;color:#c0cbd0;font-size:11px;line-height:1.35;font-weight:600}.app-detail-stage{position:relative;width:100%;max-width:860px;justify-self:end;padding:48px 28px 50px;background:linear-gradient(145deg,#10232f,#09151d);border:1px solid rgba(255,255,255,.09);border-radius:30px;box-shadow:0 36px 80px rgba(0,0,0,.30);isolation:isolate}.app-detail-stage:before{content:"";position:absolute;inset:0;border-radius:30px;background:linear-gradient(130deg,rgba(255,255,255,.04),transparent 40%);pointer-events:none}.app-detail-stage-label{position:absolute;left:28px;top:18px;display:flex;align-items:center;gap:8px;color:#8fa2ab;font-size:9px;font-weight:800;letter-spacing:.13em}.app-detail-stage-label span{width:7px;height:7px;border-radius:50%;background:#f5bd19;box-shadow:0 0 0 5px rgba(245,189,25,.09)}.app-detail-screen{position:relative;overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 60px rgba(0,0,0,.32)}.app-detail-screen img{width:100%;aspect-ratio:1918/950;object-fit:cover}.app-detail-benefits{position:relative;z-index:4;margin-top:-34px;padding-bottom:18px;background:linear-gradient(180deg,transparent 0 82px,#f3f5f3 82px 100%)}.app-detail-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #d8dfdd;border-radius:20px;overflow:hidden;background:#d8dfdd;box-shadow:0 20px 45px rgba(17,36,45,.10)}.app-detail-benefit-grid article{display:flex;gap:18px;min-height:130px;padding:25px 27px;background:#fff}.app-detail-benefit-grid article>span{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff3c7;color:#4e3a00;font-size:10px;font-weight:800}.app-detail-benefit-grid h2{margin:1px 0 5px;font-family:var(--title);font-size:16px;font-weight:650;letter-spacing:-.012em}.app-detail-benefit-grid p{margin:0;color:#64757e;font-size:13px;line-height:1.55}.app-detail-demo{padding:28px 0 84px;background:#f3f5f3}.app-detail-demo-head{max-width:860px;margin-bottom:26px}.app-detail-demo-head>span,.app-detail-cta>div>span{color:#08777c;font-size:10px;font-weight:800;letter-spacing:.14em}.app-detail-demo-head h2{max-width:760px;margin:9px 0 0;font-family:var(--title);font-size:clamp(28px,2.5vw,38px);line-height:1.08;letter-spacing:-.03em;font-weight:650;text-wrap:balance}.app-detail-video{position:relative;display:grid;place-items:center;min-height:430px;border-radius:28px;overflow:hidden;background-color:#0a1720;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;box-shadow:0 26px 70px rgba(15,36,46,.14)}.app-detail-video:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(15,147,153,.22),transparent 68%)}.app-detail-video>div{position:relative;z-index:2;display:grid;place-items:center;text-align:center}.app-detail-video>div>span{display:grid;place-items:center;width:70px;height:70px;padding-left:4px;border-radius:50%;background:#f5bd19;color:#2c2508;font-size:22px;margin-bottom:18px;box-shadow:0 14px 35px rgba(0,0,0,.28)}.app-detail-video strong{color:#fff;font-size:18px}.app-detail-video small{margin-top:4px;color:#94a5ad;font-size:12px}.app-detail-cta{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:28px;padding:22px 24px;border:1px solid #d8dfdc;border-radius:18px;background:#f6f8f6}.app-detail-cta p{margin:5px 0 0;color:#5f7078;font-size:14px}.app-detail-cta-actions{display:flex;align-items:center;gap:18px;flex:0 0 auto}.app-detail-cta-actions>a:not(.app-detail-primary){color:var(--ink);text-decoration:none;font-size:13px;font-weight:650}.app-detail-title,.app-detail-title *,.app-detail-benefit-grid,.app-detail-benefit-grid *,.app-detail-video,.app-detail-video *,.app-detail-stage-label{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media(max-width:1200px){.app-detail-layout{grid-template-columns:1fr;gap:40px;max-width:980px}.app-detail-copy{max-width:760px}.app-detail-stage{max-width:900px;justify-self:center}}
@media(max-width:820px){.app-detail-hero{padding:24px 0 72px}.app-detail-back{margin-bottom:25px}.app-detail-title h1{font-size:34px}.app-detail-line{font-size:21px}.app-detail-text{font-size:15px}.app-detail-actions{align-items:stretch;flex-direction:column}.app-detail-primary{width:100%}.app-detail-text-btn{text-align:center;border:0}.app-detail-meta{grid-template-columns:1fr}.app-detail-meta div{padding:10px 12px;border-left:2px solid rgba(255,255,255,.12)}.app-detail-stage{padding:42px 12px 32px;border-radius:20px}.app-detail-stage:before{border-radius:20px}.app-detail-screen{border-radius:12px}.app-detail-benefits{margin-top:-24px;padding-bottom:14px;background:linear-gradient(180deg,transparent 0 58px,#f3f5f3 58px 100%)}.app-detail-benefit-grid{grid-template-columns:1fr}.app-detail-benefit-grid article{min-height:0}.app-detail-demo{padding:64px 0}.app-detail-video{min-height:360px;border-radius:20px}.app-detail-cta{align-items:flex-start;flex-direction:column}.app-detail-cta-actions{width:100%;align-items:stretch;flex-direction:column}.app-detail-cta-actions>a:not(.app-detail-primary){text-align:center}}
@media(max-width:440px){.app-detail-title h1{font-size:31px}.app-detail-line{font-size:19px}.app-detail-demo-head h2{font-size:30px}.app-detail-video{min-height:300px}}
@media(prefers-reduced-motion:reduce){.app-detail-primary{transition:none}}
/* V19 — la fiche est pilotée par les données de l'application. */
.app-detail-meta strong{color:var(--app-accent,#f5bd19)}
.app-detail-stage-label span{background:var(--app-accent,#f5bd19);box-shadow:0 0 0 5px rgba(255,255,255,.06)}
.app-detail-benefit-grid article>span{background:#f7f9f8;border:1px solid var(--app-accent,#d7dedb);color:#24323a}
.app-detail-screen img{display:block;width:100%;height:auto;max-height:620px;aspect-ratio:auto;object-fit:contain;background:#fff}
.app-detail-video-embed{display:block;min-height:0;background:#071017}
.app-detail-video-embed:before{content:none}
.app-detail-video-embed iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#071017}
