/* App downloads share the active server palette. The phone is an illustrative, noninteractive preview. */
.da-section{padding:36px 0 86px;scroll-margin-top:100px}
.da-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center;padding:clamp(28px,4.5vw,66px);border:1px solid var(--wd-border);border-radius:28px;background:var(--wd-surface);min-width:0;isolation:isolate;overflow:hidden}
.da-copy,.da-visual{min-width:0}
.da-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.7;letter-spacing:.13em;font-weight:800;color:var(--wd-text);margin-bottom:22px}
.da-eyebrow>span{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid currentColor;border-radius:8px;font-size:18px}
.da-copy h2{font-size:clamp(31px,3.4vw,48px);line-height:1.12;margin:0 0 22px;max-width:560px;overflow-wrap:anywhere}
.da-intro{color:var(--wd-muted);font-size:14px;margin-bottom:26px;max-width:530px}
.da-features{display:grid;gap:17px;list-style:none;margin:0 0 31px;padding:0}
.da-features li{display:flex;align-items:flex-start;gap:14px;min-width:0}
.da-feature-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#f4f7f6;color:var(--da-ink)}
.da-feature-icon svg{width:21px;height:21px}
.da-features h3{font-size:14px;line-height:1.45;letter-spacing:-.02em;margin:0 0 3px}
.da-features p{font-size:12px;line-height:1.7;margin:0;color:var(--wd-muted);overflow-wrap:anywhere}
.da-downloads{display:flex;flex-wrap:wrap;gap:11px}
.da-store{display:flex;align-items:center;gap:11px;min-height:60px;padding:11px 15px;border:1px solid #303c42;border-radius:11px;background:#101820;color:#fff;transition:transform .18s,box-shadow .18s;max-width:100%}
.da-store:hover{transform:translateY(-3px);box-shadow:0 8px 24px #081d3021}
.da-store:focus-visible,.da-web-link:focus-visible{outline:3px solid var(--da-ink);outline-offset:5px}
.da-store-icon{display:grid;place-items:center;flex:none;width:25px;height:28px}
.da-store-icon svg{width:25px;height:28px}
.da-store small{display:block;font-size:10px;line-height:1.5;letter-spacing:.02em}
.da-store strong{display:block;font-size:17px;line-height:1.35;letter-spacing:-.025em;font-weight:700;white-space:nowrap}
.da-store-arrow{margin-inline-start:5px;align-self:flex-start;font-size:14px;color:#cbd7dc}
.da-pending{padding:14px 16px;margin:0 0 18px;border:1px solid var(--wd-border);border-radius:10px;font-size:12px;line-height:1.7;color:var(--wd-text)}
.da-web-link{display:inline-flex;align-items:center;gap:10px;margin-top:19px;font-size:12px;font-weight:800;color:var(--wd-text);text-decoration:underline;text-underline-offset:5px;line-height:1.7}
.da-visual{margin:0}
.da-stage{position:relative;display:grid;place-items:center;min-height:545px;padding:30px 28px 38px;isolation:isolate}
.da-orbit{position:absolute;z-index:-1;inset:60px 0 42px;border-radius:160px 160px 24px 24px;background:color-mix(in srgb,var(--wd-primary) 12%,#f5f7f3);border:1px solid color-mix(in srgb,var(--wd-primary) 22%,#e2eae5)}
.da-phone{width:252px;max-width:100%;border:7px solid #172b28;border-radius:36px;padding:3px;background:#172b28;box-shadow:0 28px 50px #0c29252b;position:relative}
.da-phone-screen{border-radius:25px;overflow:hidden;background:#f7faf9;color:#183229}
.da-status{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 14px;font-size:9px;font-weight:800;background:#fff}
.da-status svg{width:34px;height:12px}
.da-camera{width:61px;height:14px;border-radius:12px;background:#172b28}
.da-phone-brand{display:flex;align-items:center;gap:8px;padding:12px 13px 14px;background:#fff}
.da-phone-brand>span{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:9px;background:var(--da-ink);color:#fff;font-size:23px}
.da-phone-brand img{object-fit:contain;width:29px;height:29px;flex:none}
.da-phone-brand strong{font-size:11px;line-height:1.45;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.da-phone-welcome{margin:13px 12px;padding:18px 16px;border-radius:15px;background:var(--da-ink);color:#fff;position:relative;overflow:hidden}
.da-phone-welcome:after{content:'';width:90px;height:90px;border:20px solid #ffffff16;position:absolute;inset-inline-end:-40px;top:-30px;border-radius:50%;pointer-events:none}
.da-phone-welcome small{display:block;font-size:6px;letter-spacing:.08em;line-height:1.6;margin-bottom:9px}
.da-phone-welcome strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.05em;margin-bottom:9px;max-width:160px}
.da-phone-welcome>span{display:block;font-size:8px;line-height:1.7}
.da-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 12px 13px}
.da-phone-grid>div{display:flex;align-items:center;gap:7px;padding:13px 8px;border:1px solid #dce6e0;border-radius:11px;background:#fff;min-width:0}
.da-phone-grid>div>span{color:var(--da-ink);flex:none;width:18px;height:18px}
.da-phone-grid svg{display:block;width:18px;height:18px}
.da-phone-grid b{font-size:7px;line-height:1.5;overflow-wrap:anywhere;letter-spacing:-.02em}
.da-phone-news{display:flex;align-items:center;gap:10px;margin:0 12px 17px;padding:13px 9px;border:1px solid #dce6e0;border-radius:12px;background:#fff}
.da-news-symbol{display:grid;place-items:center;font-size:31px;width:39px;height:47px;flex:none;border-radius:9px;color:var(--da-ink);background:#f0f5f2}
.da-phone-news small{display:block;font-size:5px;letter-spacing:.045em;line-height:1.7;color:#4c6156}
.da-phone-news b{display:block;font-size:11px;line-height:1.5;margin:3px 0}
.da-phone-news div>span{display:block;font-size:7px;line-height:1.7;color:#4c6156}
.da-phone-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 7px 5px;border-top:1px solid #dce6e0;background:#fff}
.da-phone-nav>span{font-size:18px;text-align:center;line-height:1.4;color:#4c6156;min-width:0}
.da-phone-nav b{display:block;font-size:6px;line-height:1.7;overflow-wrap:anywhere}
.da-phone-nav .is-active{color:var(--da-ink)}
.da-home-bar{width:74px;height:3px;border-radius:5px;background:#172b28;margin:10px auto 8px}
.da-float{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;max-width:235px;padding:12px 15px;border:1px solid #dce6e0;border-radius:13px;background:#fff;color:#183229;box-shadow:0 12px 28px #16342917;font-size:11px;line-height:1.6;font-weight:700}
.da-float-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;color:var(--da-ink);background:#f0f5f2;border-radius:8px}
.da-float-icon svg{width:17px;height:17px}
.da-float-top{top:15px;inset-inline-start:-8px}
.da-float-bottom{bottom:18px;inset-inline-end:-8px}
.da-visual figcaption{font-size:10px;text-align:center;line-height:1.7;margin-top:12px;color:var(--wd-muted)}
/* Each model retains its own visual language. */
.wd-site[data-theme=institutionnel_classique] .da-panel{border-inline-start:4px solid var(--wd-primary)}
.wd-site[data-theme=moderne_elegant] .da-panel{background:#f6f0e7;border-color:#ddcfbd;border-radius:100px 8px 8px 8px}
.wd-site[data-theme=moderne_elegant] .da-copy h2{font-size:clamp(34px,3.6vw,53px)}
.wd-site[data-theme=moderne_elegant] .da-orbit{background:#e8dccb;border-color:#c9b899;border-radius:210px 210px 8px 8px;inset:35px 4px 28px}
.wd-site[data-theme=moderne_elegant] .da-phone{transform:rotate(-5deg);border-color:#3a392f;background:#3a392f;box-shadow:16px 22px 0 #d9c8b15c}
.wd-site[data-theme=moderne_elegant] .da-float{border-radius:4px}
.wd-site[data-theme=communautaire_chaleureux] .da-panel{background:#fff2e9;border-color:#f0d6c5;border-radius:40px}
.wd-site[data-theme=communautaire_chaleureux] .da-orbit{border-radius:45% 55% 35% 45%;background:#f9dcc7;border-color:#efb48e;transform:rotate(-8deg)}
.wd-site[data-theme=communautaire_chaleureux] .da-phone{transform:rotate(5deg)}
.wd-site[data-theme=communautaire_chaleureux] .da-float{border-radius:20px;box-shadow:0 12px 28px #97472117}
.wd-site[data-theme=digital_premium] .da-panel{background:radial-gradient(ellipse at 80% 40%,#18526280,transparent 58%),#0a213a;border-color:#315b70}
.wd-site[data-theme=digital_premium] .da-orbit{border-radius:50%;inset:72px -10px 55px;background:radial-gradient(circle,#41e9c422,transparent 68%);border-color:#428f9980;box-shadow:0 0 0 20px #4debc506,0 0 0 40px #4debc506}
.wd-site[data-theme=digital_premium] .da-float{background:#12354a;color:#edfffc;border-color:#41828c;box-shadow:0 10px 35px #0003}
.wd-site[data-theme=digital_premium] .da-store{border-color:#72989f}
.wd-site[data-theme=digital_premium] .da-store:focus-visible,.wd-site[data-theme=digital_premium] .da-web-link:focus-visible{outline-color:#95f3da}
.wd-site[data-theme=minimal_impact] .da-panel{border-radius:0;border-inline:0;padding-inline:0;background:transparent;gap:70px}
.wd-site[data-theme=minimal_impact] .da-copy h2{font-size:clamp(39px,4.2vw,62px)}
.wd-site[data-theme=minimal_impact] .da-orbit{border:0;border-radius:0;background:#e6e9dc;inset:46px 0 35px}
.wd-site[data-theme=minimal_impact] .da-phone{box-shadow:12px 14px 0 #cfd7c5;border-color:#233026;background:#233026}
.wd-site[data-theme=minimal_impact] .da-float{border-radius:0;box-shadow:none;border-color:#bbc8b6}
.wd-site[data-theme=minimal_impact] .da-feature-icon{border-radius:0;background:transparent;border:1px solid #c6d0c5}
.wd-site[data-theme=minimal_impact] .da-store{border-radius:0}
@media(max-width:1120px){
 .da-panel{gap:25px;padding:36px 28px}.da-stage{padding-inline:14px}.da-float-top{inset-inline-start:-6px}.da-float-bottom{inset-inline-end:-6px}.da-float{font-size:10px;padding:10px;max-width:205px}.da-store{padding:10px 12px;gap:8px}.da-store-arrow{display:none}
 .wd-site[data-theme=minimal_impact] .da-panel{gap:35px}
}
@media(max-width:810px){
 .da-section{padding:20px 0 60px}.da-panel{grid-template-columns:1fr;gap:32px;padding:36px}.da-copy h2,.da-intro{max-width:100%}.da-visual{max-width:420px;width:100%;justify-self:center}.da-stage{min-height:540px}.da-float-top{inset-inline-start:0}.da-float-bottom{inset-inline-end:0}
 .wd-site[data-theme=moderne_elegant] .da-panel{border-radius:52px 8px 8px 8px}.wd-site[data-theme=minimal_impact] .da-panel{gap:30px}.wd-site[data-theme=digital_premium] .da-orbit{inset-inline:8px;box-shadow:0 0 0 15px #4debc506}
}
@media(max-width:550px){
 .da-panel{padding:28px 20px;gap:20px;border-radius:20px}.da-eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:19px}.da-eyebrow>span{width:23px;height:23px;font-size:16px}.da-copy h2{font-size:32px}.da-intro{font-size:13px}.da-features{gap:16px;margin-bottom:24px}.da-feature-icon{width:36px;height:36px;border-radius:9px}.da-features li{gap:11px}.da-features h3{font-size:13px}.da-features p{font-size:11px}.da-downloads{gap:10px}.da-store{flex:1 0 146px;padding:10px 13px;min-height:58px;max-width:230px}.da-store strong{font-size:16px}.da-store small{font-size:9px}.da-store-icon,.da-store-icon svg{width:23px}.da-web-link{font-size:11px}.da-stage{min-height:535px;padding:35px 10px 42px}.da-orbit{inset:65px -3px 50px}.da-phone{width:242px;border-width:6px}.da-float{font-size:9px;padding:9px;gap:7px;max-width:calc(100% - 6px)}.da-float-top{top:15px;inset-inline-start:-5px}.da-float-bottom{bottom:17px;inset-inline-end:-5px}.da-visual figcaption{font-size:9px;margin-top:8px}
 .wd-site[data-theme=moderne_elegant] .da-copy h2{font-size:35px}.wd-site[data-theme=moderne_elegant] .da-phone{transform:rotate(-3deg)}.wd-site[data-theme=moderne_elegant] .da-orbit{inset-inline:0}.wd-site[data-theme=communautaire_chaleureux] .da-panel{border-radius:25px}.wd-site[data-theme=communautaire_chaleureux] .da-phone{transform:rotate(3deg)}.wd-site[data-theme=minimal_impact] .da-panel{padding-inline:0}.wd-site[data-theme=minimal_impact] .da-copy h2{font-size:42px}.wd-site[data-theme=minimal_impact] .da-visual{max-width:350px}
}
@media(prefers-reduced-motion:reduce){.da-store{transition:none}.da-store:hover{transform:none}}