/* CSS for the delivery pages (accompagnement, netlinking, audit, rédaction, e-réputation). */
.dl-section{padding:120px 0}
.dl-h2{font-size:clamp(36px,5.2vw,76px)}
.dl-lead{max-width:760px}
.dl-hero{position:relative;background:var(--color-anthracite);color:var(--color-ivory);min-height:82vh;display:flex;overflow:hidden;padding:150px 0 84px}
.dl-hero-veil{position:absolute;inset:0;background:linear-gradient(115deg,var(--color-anthracite) 0%,#232230 46%,rgba(104,91,200,.55) 100%);pointer-events:none}
.dl-hero-inner{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:center}
.dl-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.dl-hero-copy{min-width:0}
.dl-visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}
.dl-visual-halo{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:112%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(218,255,8,.2) 0%,rgba(104,91,200,.28) 42%,transparent 70%);filter:blur(26px);animation:dlPulse 9s var(--ease-in-out) infinite alternate}
.dl-visual-ring{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:78%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(218,255,8,.34);animation:dlSpin 46s linear infinite}
.dl-visual-ring--2{width:98%;border-style:solid;border-color:rgba(244,240,234,.1);animation-duration:70s;animation-direction:reverse}
.dl-visual-flask{position:relative;z-index:1;width:min(74%,330px);opacity:.62;filter:drop-shadow(0 24px 60px rgba(0,0,0,.5)) saturate(.5);animation:dlFloat 12s var(--ease-in-out) infinite alternate}
.dl-visual-card{position:absolute;z-index:2;left:0;bottom:14px;width:min(280px,86%);background:rgba(32,32,32,.62);backdrop-filter:blur(14px);border:1px solid rgba(244,240,234,.14);border-radius:18px;padding:16px 18px}
.dl-visual-card-h{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-chartreuse)}
.dl-visual-ico{flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:rgba(218,255,8,.14);display:inline-flex;align-items:center;justify-content:center}
.dl-visual-live{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--color-chartreuse);box-shadow:0 0 0 3px rgba(218,255,8,.2);animation:dlBlink 2.2s var(--ease-in-out) infinite}
.dl-visual-rows{margin-top:14px;display:flex;flex-direction:column}
.dl-visual-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid rgba(244,240,234,.12);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em}
.dl-visual-row>span:first-child{color:rgba(244,240,234,.55);text-transform:uppercase}
.dl-visual-row>span:last-child{color:var(--color-ivory);font-weight:600}
/* --- compétences mobilisées (chips) --- */
.dl-skills{margin-top:14px}
.dl-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.dl-skill{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid;border-radius:var(--radius-pill,999px);background:rgba(244,240,234,.03)}
.dl-skill-ico{flex:0 0 auto;display:inline-flex}
.dl-skill-t{font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:1.3}
/* --- timeline --- */
.dl-tl{position:relative;margin-top:64px;padding-left:0}
.dl-tl-h{margin-bottom:26px}
.dl-tl-rail{position:absolute;left:19px;top:70px;bottom:26px;width:2px;background:currentColor;border:0;opacity:.35}
.dl-tl-fill{position:absolute;left:0;top:0;width:100%;height:calc(var(--tl-p,0)*100%);border-radius:2px;transition:height 160ms linear}
.dl-tl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dl-tl-item{position:relative;display:grid;grid-template-columns:40px 46px 1fr;align-items:flex-start;gap:16px;padding:14px 0;opacity:.4;transform:translateY(8px);transition:opacity 460ms var(--ease-out),transform 460ms var(--ease-out)}
.dl-tl-item.is-on{opacity:1;transform:none}
.dl-tl-dot{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center}
.dl-tl-dot-in{width:9px;height:9px;border-radius:50%;transform:scale(.4);opacity:.4;transition:transform 420ms var(--ease-out),opacity 420ms var(--ease-out)}
.dl-tl-item.is-on .dl-tl-dot-in{transform:scale(1);opacity:1}
.dl-tl-n{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;padding-top:11px}
.dl-tl-txt{display:flex;flex-direction:column;gap:5px;padding-top:6px}
.dl-tl-t{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2vw,26px);text-transform:uppercase;line-height:1.1}
.dl-tl-d{font-size:14.5px;line-height:1.6;max-width:600px}
/* --- hero art : document --- */
.dl-doc{position:relative;z-index:1;width:min(78%,320px);animation:dlFloat 12s var(--ease-in-out) infinite alternate}
.dl-doc-page{position:relative;background:var(--color-ivory);border-radius:14px;padding:30px 28px 34px;box-shadow:0 30px 70px rgba(0,0,0,.45);transform:rotate(-2.5deg)}
.dl-doc-tag{position:absolute;top:-13px;left:26px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;background:var(--color-chartreuse);color:var(--color-anthracite);padding:5px 10px;border-radius:6px}
.dl-doc-title,.dl-doc-sub,.dl-doc-line{position:relative;overflow:hidden;border-radius:3px;background:rgba(32,32,32,.07)}
.dl-doc-title{height:16px;width:72%;margin-bottom:20px}
.dl-doc-sub{height:11px;width:44%;margin:22px 0 16px;background:rgba(104,91,200,.14)}
.dl-doc-line{height:7px;margin-bottom:9px}
.dl-doc-title>span,.dl-doc-sub>span,.dl-doc-line>span{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);animation:dlType 9s var(--ease-out) infinite}
.dl-doc-title>span{background:var(--color-anthracite)}
.dl-doc-sub>span{background:var(--color-indigo)}
.dl-doc-line>span{background:rgba(32,32,32,.42)}
.dl-doc-caret{position:absolute;right:28px;bottom:30px;width:2px;height:16px;background:var(--color-indigo);animation:dlBlink 1.1s steps(1) infinite}
.dl-doc-chip{position:absolute;z-index:2;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--color-chartreuse);background:rgba(32,32,32,.72);border:1px solid rgba(218,255,8,.34);padding:7px 12px;border-radius:999px;backdrop-filter:blur(8px)}
.dl-doc-chip--1{top:6%;right:-16%;animation:dlFloat 7s var(--ease-in-out) infinite alternate}
.dl-doc-chip--2{top:46%;right:-11%;animation:dlFloat 9s var(--ease-in-out) .6s infinite alternate-reverse}
.dl-doc-chip--3{bottom:12%;left:-14%;animation:dlFloat 8s var(--ease-in-out) .3s infinite alternate}
@keyframes dlType{0%{transform:scaleX(0)}22%{transform:scaleX(1)}88%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes dlFloat{from{transform:translateY(0) rotate(-2.5deg)}to{transform:translateY(-18px) rotate(2.5deg)}}
@keyframes dlSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes dlPulse{from{opacity:.7}to{opacity:1}}
@keyframes dlBlink{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.dl-visual-flask,.dl-visual-ring,.dl-visual-halo,.dl-visual-live,.dl-doc,.dl-doc-chip,.dl-doc-caret,.dl-doc-line>span,.dl-doc-title>span,.dl-doc-sub>span,.dl-plan,.dl-plan-live{animation:none!important}.dl-doc-line>span,.dl-doc-title>span,.dl-doc-sub>span{transform:scaleX(1)}.dl-plan-bar{animation:none!important;transform:scaleX(1)}.dl-tl-item{opacity:1;transform:none}}
.dl-crumb{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.04em;color:rgba(244,240,234,.6)}
.dl-crumb a{color:rgba(244,240,234,.75)}
.dl-crumb a:hover{color:var(--color-chartreuse)}
.dl-crumb span[aria-hidden]{opacity:.45}
.dl-h1{font-size:clamp(52px,8.4vw,128px);color:var(--color-ivory);line-height:.94;margin:0}
.dl-h1--sm{font-size:clamp(36px,4.2vw,62px)}
@media (max-width:600px){.dl-h1,.dl-h1--sm{font-size:clamp(34px,9.2vw,52px);overflow-wrap:break-word;hyphens:auto}.dl-h2{font-size:clamp(30px,8.2vw,46px);overflow-wrap:break-word;hyphens:auto}}
/* --- hero art : plan de pilotage --- */
.dl-plan{position:relative;z-index:1;width:min(96%,392px);background:var(--color-ivory);border-radius:16px;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.45);animation:dlFloatFlat 13s var(--ease-in-out) infinite alternate}
.dl-plan-hd{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border-default)}
.dl-plan-dot{width:9px;height:9px;border-radius:3px;background:var(--color-indigo);flex:0 0 auto}
.dl-plan-t{font-family:var(--font-sans);font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--anthracite-80)}
.dl-plan-live{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--color-chartreuse);box-shadow:0 0 0 3px rgba(218,255,8,.35);animation:dlBlink 2.2s var(--ease-in-out) infinite}
.dl-plan-rows{display:flex;flex-direction:column;gap:12px;margin:18px 0 14px}
.dl-plan-row{display:flex;flex-direction:column;gap:6px}
.dl-plan-lbl{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--anthracite-60)}
.dl-plan-track{position:relative;height:9px;border-radius:5px;background:rgba(32,32,32,.07)}
.dl-plan-bar{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--color-chartreuse);transform-origin:left center;transform:scaleX(0);animation:dlGrowX .9s var(--ease-out) forwards}
.dl-plan-row:nth-child(2) .dl-plan-bar{background:var(--color-indigo)}
.dl-plan-row:nth-child(4) .dl-plan-bar{background:var(--color-anthracite)}
.dl-plan-axis{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border-default);font-family:var(--font-mono);font-size:9.5px;color:var(--anthracite-60)}
.dl-plan-foot{display:flex;gap:8px;margin-top:14px}
.dl-plan-foot span{flex:1;display:flex;align-items:baseline;gap:6px;padding:10px 12px;border-radius:10px;background:rgba(32,32,32,.045);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--anthracite-60)}
.dl-plan-foot b{font-family:var(--font-display);font-size:16px;color:var(--color-anthracite)}
@keyframes dlGrowX{to{transform:scaleX(1)}}
@keyframes dlFloatFlat{from{transform:translateY(0)}to{transform:translateY(-16px)}}
.dl-hero-lede{max-width:660px;margin-top:32px;display:flex;flex-direction:column;gap:16px}
.dl-hero-lede p{margin:0;font-size:18px;line-height:1.6;color:rgba(244,240,234,.84)}
.dl-hero-cta{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
.dl-answer{position:relative;max-width:980px;padding-left:0}
.dl-answer::before{content:"";position:absolute;left:-26px;top:4px;bottom:4px;width:3px;background:var(--color-indigo)}
.dl-answer-lead{font-family:var(--font-display);font-weight:700;font-size:clamp(23px,2.9vw,38px);line-height:1.24;margin:0;text-wrap:pretty}
.dl-answer-body{margin-top:22px;max-width:760px}
.dl-body{display:grid;gap:56px}
.dl-body.has-list{grid-template-columns:1.15fr .85fr}
.dl-prose{display:flex;flex-direction:column;gap:20px;max-width:760px}
.dl-prose p{margin:0;font-size:16.5px;line-height:1.72}
.dl-quote{margin:8px 0 0;padding:4px 0 4px 26px;border-left:3px solid;font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2.2vw,26px);line-height:1.32}
.dl-list-card{border-radius:var(--radius-xl);padding:32px 34px;outline:1px solid;outline-offset:0;align-self:flex-start}
.dl-list{list-style:none;margin:20px 0 0;padding:0}
.dl-list li{display:flex;gap:16px;padding:15px 0;border-top:1px solid;font-size:14.5px;line-height:1.6}
.dl-list li:first-child{border-top:0;padding-top:4px}
.dl-list-n{flex:0 0 26px;font-family:var(--font-mono);font-size:11.5px;font-weight:700;padding-top:3px}
.dl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dl-stat{padding:30px 26px 30px 0;border-left:0;border-top:1px solid}
.dl-stat-n{font-size:clamp(44px,4.8vw,76px);line-height:.92}
.dl-price-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.dl-price-tag{display:flex;align-items:baseline;gap:14px;margin-top:36px;flex-wrap:wrap}
.dl-price-from{font-family:var(--font-sans);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(32,32,32,.6)}
.dl-price-val{font-size:clamp(40px,5vw,72px);line-height:1}
.dl-price-card{background:var(--color-anthracite);color:var(--color-ivory);border-radius:var(--radius-xl);padding:38px}
.dl-price-list{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:0}
.dl-price-list li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid rgba(244,240,234,.14);font-size:14.5px;line-height:1.6;color:rgba(244,240,234,.85)}
.dl-price-list li:first-child{border-top:0}
.dl-price-list i,.dl-price-list svg{flex:0 0 auto;color:var(--color-chartreuse);margin-top:3px}
.dl-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dl-benefit{background:#fff;border-radius:var(--radius-lg);padding:28px;outline:1px solid var(--border-default);display:flex;flex-direction:column;min-height:230px}
.dl-benefit-t{font-family:var(--font-sans);font-weight:700;font-size:17.5px;margin:26px 0 0;line-height:1.25}
.dl-benefit-d{margin:12px 0 0;font-size:13.5px;line-height:1.6;color:var(--anthracite-60)}
.dl-related{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dl-rel-card{display:flex;align-items:center;gap:16px;background:rgba(244,240,234,.04);border:1px solid rgba(244,240,234,.1);border-radius:var(--radius-lg);padding:20px 24px;transition:all 220ms var(--ease-out)}
.dl-rel-card:hover{opacity:1;background:rgba(218,255,8,.05);border-color:rgba(218,255,8,.35);transform:translateY(-2px)}
.dl-rel-card>i,.dl-rel-card>svg{margin-left:auto;color:var(--color-chartreuse);flex:0 0 auto}
.dl-rel-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:rgba(218,255,8,.12);color:var(--color-chartreuse);display:inline-flex;align-items:center;justify-content:center}
.dl-rel-txt{display:flex;flex-direction:column;gap:3px}
.dl-rel-t{font-family:var(--font-sans);font-weight:700;font-size:15.5px;color:var(--color-ivory)}
.dl-rel-d{font-size:12.5px;color:rgba(244,240,234,.6)}
.dl-faq-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:80px}
.dl-faq-side{position:sticky;top:100px;align-self:flex-start}
.dl-faq-item{border-bottom:1px solid var(--border-default)}
.dl-faq-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:26px 0;background:transparent;border:0;cursor:pointer;text-align:left}
.dl-faq-q{font-family:var(--font-sans);font-weight:700;font-size:18.5px;color:var(--color-anthracite);margin:0}
.dl-faq-plus{width:36px;height:36px;border-radius:999px;border:1.5px solid var(--color-anthracite);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:24px;transition:all 220ms var(--ease-out)}
.dl-faq-plus.is-open{background:var(--color-anthracite);color:var(--color-chartreuse);transform:rotate(45deg)}
.dl-faq-a{overflow:hidden;transition:max-height 360ms var(--ease-out)}
.dl-faq-a p{padding:0 0 28px;margin:0;font-size:16px;line-height:1.72;color:var(--anthracite-80);max-width:760px}
.dl-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.dl-cta-checks{margin-top:34px;display:flex;flex-direction:column;gap:13px}
.dl-cta-checks>div{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:rgba(244,240,234,.92)}
.dl-cta-checks i,.dl-cta-checks svg{color:var(--color-chartreuse)}
.dl-form{background:var(--color-anthracite);padding:40px;border-radius:var(--radius-xl);color:var(--color-ivory);display:flex;flex-direction:column;gap:6px}
.dl-form-t{font-family:var(--font-display);font-weight:700;font-size:27px;text-transform:uppercase;color:var(--color-chartreuse);margin:0 0 24px}
.dl-form-note{font-size:11px;color:rgba(244,240,234,.55);margin-top:10px;text-align:center}
@media (max-width:1100px){.dl-stats{grid-template-columns:1fr 1fr}.dl-benefits{grid-template-columns:1fr 1fr}}
@media (max-width:980px){.dl-hero{min-height:auto}.dl-hero-grid{grid-template-columns:1fr;gap:44px}.dl-visual{min-height:300px}.dl-visual-card{left:auto;right:0}.dl-body.has-list{grid-template-columns:1fr;gap:40px}.dl-price-grid{grid-template-columns:1fr;gap:44px}.dl-related{grid-template-columns:1fr}}
@media (max-width:880px){.dl-section{padding:80px 0}.dl-hero{padding:130px 0 64px;min-height:auto}.dl-answer::before{display:none}.dl-faq-grid{grid-template-columns:1fr;gap:44px}.dl-faq-side{position:static}.dl-cta-grid{grid-template-columns:1fr;gap:44px}}
@media (max-width:620px){.dl-benefits,.dl-stats{grid-template-columns:1fr}.dl-list-card{padding:26px 24px}.dl-form{padding:30px 24px}.dl-visual{min-height:270px}.dl-visual-card{position:static;width:100%;margin-top:18px}.dl-skill-grid{grid-template-columns:1fr}.dl-tl-item{grid-template-columns:34px 34px 1fr;gap:12px}.dl-tl-dot{width:34px;height:34px}.dl-tl-rail{left:16px}}

/* --- hero art : Reddit --- */
.dl-rd{position:relative;z-index:1;width:min(96%,392px);display:flex;flex-direction:column;gap:10px;animation:dlFloatFlat 13s var(--ease-in-out) infinite alternate}
.dl-rd-card{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;background:var(--color-ivory);border-radius:14px;padding:13px 16px;box-shadow:0 24px 60px rgba(0,0,0,.4);opacity:0;animation:dlRise .9s var(--ease-out) forwards}
.dl-rd-card--cited{outline:2px solid var(--color-chartreuse);outline-offset:-1px}
.dl-rd-up{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--color-indigo)}
.dl-rd-up b{font-family:var(--font-mono);font-size:11.5px}
.dl-rd-sub{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--color-indigo)}
.dl-rd-t{display:block;font-family:var(--font-sans);font-weight:600;font-size:13px;line-height:1.35;color:var(--color-anthracite);margin-top:3px}
.dl-rd-badge{align-self:flex-end;display:inline-flex;align-items:center;gap:7px;background:var(--color-chartreuse);color:var(--color-anthracite);font-family:var(--font-sans);font-weight:700;font-size:11px;padding:8px 14px;border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.35);animation:dlBlink 3.4s var(--ease-in-out) infinite}
/* --- hero art : pack local --- */
.dl-lo{position:relative;z-index:1;width:min(96%,392px);background:var(--color-ivory);border-radius:16px;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.45);animation:dlFloatFlat 13s var(--ease-in-out) infinite alternate}
.dl-lo-map{position:relative;height:138px;margin:16px 0 14px;border-radius:12px;overflow:hidden;background:var(--indigo-tint);background-image:repeating-linear-gradient(0deg,rgba(104,91,200,.16) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgba(104,91,200,.16) 0 1px,transparent 1px 26px)}
.dl-lo-map::after{content:"";position:absolute;left:-10%;top:58%;width:120%;height:16px;background:rgba(104,91,200,.18);transform:rotate(-9deg)}
.dl-lo-pin{position:absolute;width:11px;height:11px;margin:-5px 0 0 -5px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--color-indigo);opacity:.5}
.dl-lo-pin.is-you{width:17px;height:17px;margin:-8px 0 0 -8px;background:var(--color-chartreuse);border:2px solid var(--color-anthracite);opacity:1;z-index:2;animation:dlBlink 2.4s var(--ease-in-out) infinite}
.dl-lo-list{display:flex;flex-direction:column;gap:7px}
.dl-lo-row{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;background:rgba(32,32,32,.04)}
.dl-lo-row.is-you{background:var(--color-anthracite)}
.dl-lo-rank{font-family:var(--font-mono);font-size:10.5px;color:var(--anthracite-60)}
.dl-lo-row.is-you .dl-lo-rank{color:var(--color-chartreuse)}
.dl-lo-n{flex:1;font-family:var(--font-sans);font-weight:600;font-size:12.5px;color:var(--color-anthracite)}
.dl-lo-row.is-you .dl-lo-n{color:var(--color-ivory)}
.dl-lo-r{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--anthracite-60)}
.dl-lo-row.is-you .dl-lo-r{color:var(--color-chartreuse)}
/* --- hero art : social search --- */
.dl-so{position:relative;z-index:1;width:min(96%,392px);display:flex;flex-direction:column;gap:11px;animation:dlFloatFlat 13s var(--ease-in-out) infinite alternate}
.dl-so-row{display:flex;align-items:center;gap:12px;background:var(--color-ivory);border-radius:999px;padding:11px 16px;box-shadow:0 22px 54px rgba(0,0,0,.38);opacity:0;animation:dlRise .9s var(--ease-out) forwards}
.dl-so-ico{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--indigo-tint);color:var(--color-indigo);display:inline-flex;align-items:center;justify-content:center}
.dl-so-txt{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.dl-so-p{font-family:var(--font-sans);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--anthracite-60)}
.dl-so-q{font-family:var(--font-mono);font-size:12px;color:var(--color-anthracite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-so-n{flex:0 0 auto;font-family:var(--font-sans);font-weight:700;font-size:11px;padding:5px 11px;border-radius:999px;background:var(--color-anthracite);color:var(--color-chartreuse)}
@keyframes dlRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:620px){.dl-lo-map{height:112px}}

.dl-prose-cta{margin-top:36px;padding-top:28px;border-top:1px solid;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.dl-prose-cta-l{font-size:15px;line-height:1.6;max-width:42ch;margin:0}
@media(max-width:760px){.dl-prose-cta{margin-top:28px;padding-top:22px}}

.dl-split{display:grid;gap:56px}
.dl-split.has-aside{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start}
.dl-split-main{min-width:0}
.dl-aside{position:sticky;top:112px}
@media (max-width:1080px){.dl-split.has-aside{grid-template-columns:1fr;gap:44px}.dl-aside{position:static;max-width:420px}}
@media (prefers-reduced-motion:reduce){.dl-fx-flask,.dl-fx-ring{animation:none}}
.dl-fx{position:relative;width:100%;max-width:400px;aspect-ratio:1;margin:0 auto;display:grid;place-items:center;isolation:isolate}
.dl-fx-disc{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 44% 40%,rgba(218,255,8,.34),rgba(218,255,8,0) 66%);filter:blur(3px)}
.dl-fx-ring{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(104,91,200,.2)}
.dl-fx-ring--2{width:58%;border-style:dashed;border-color:rgba(32,32,32,.13);animation:dlSpin 60s linear infinite}
.dl-fx-flask{position:relative;z-index:2;width:46%;filter:drop-shadow(0 22px 34px rgba(32,32,32,.22));animation:dlFloatFlat 12s var(--ease-in-out) infinite}
@keyframes dlSpin{to{transform:rotate(360deg)}}
.dl-cm{position:relative;z-index:1;width:min(96%,382px);background:var(--color-ivory);border-radius:16px;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.dl-cm-score{display:flex;align-items:center;gap:18px;padding:20px 0 18px}
.dl-cm-ring{position:relative;width:88px;height:88px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--color-indigo) calc(var(--s)*1%),rgba(32,32,32,.09) 0)}
.dl-cm-ring::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--color-ivory)}
.dl-cm-ring b{position:relative;z-index:1;font-family:var(--font-display);font-size:28px;color:var(--color-anthracite)}
.dl-cm-legend{display:flex;flex-direction:column;gap:6px;min-width:0}
.dl-cm-legend-t{font-family:var(--font-sans);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--anthracite-80)}
.dl-cm-legend-d{font-size:13px;line-height:1.5;color:var(--anthracite-60)}
.dl-cm-rows{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--border-default)}
.dl-cm-row{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--anthracite-80);opacity:0;animation:dlFadeIn .6s var(--ease-out) both}
.dl-cm-row>i{color:var(--color-indigo);flex:0 0 auto}
.dl-cm-row>b{margin-left:auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:20px;background:rgba(104,91,200,.12);color:var(--color-indigo)}
.dl-cm-row>b.is-ok{background:rgba(218,255,8,.34);color:var(--color-anthracite)}
@keyframes dlFadeIn{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dl-cm-row{opacity:1;animation:none}}
.dl-fx-motif{position:relative;z-index:2;width:44%;display:grid;place-items:center}
.dl-fx-th{display:flex;flex-direction:column;gap:14px;width:100%}
.dl-fx-th-bar{height:10px;border-radius:6px;background:rgba(32,32,32,.16)}
.dl-fx-th-bar.is-on{background:var(--color-indigo)}
.dl-fx-gr{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}
.dl-fx-gr-c{aspect-ratio:1;border-radius:5px;background:rgba(32,32,32,.13)}
.dl-fx-gr-c.is-on{background:var(--color-indigo)}
.dl-fx-gr-c.is-alt{background:var(--color-chartreuse)}
.dl-fx-st{display:flex;flex-direction:column;align-items:center;gap:11px;width:100%}
.dl-fx-st-r{height:15px;border-radius:5px;background:rgba(32,32,32,.14)}
.dl-fx-st-r.is-on{background:var(--color-indigo)}
.dl-fx-ne{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}
.dl-fx-ne-b{position:absolute;width:100%;aspect-ratio:1;border:1.5px solid rgba(32,32,32,.16);border-radius:14px}
.dl-fx-ne-b--2{width:64%;border-radius:10px;border-color:var(--color-indigo)}
.dl-fx-ne-b--3{width:28%;border-radius:6px;border:none;background:var(--color-chartreuse)}
.dl-fx-br{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}
.dl-fx-br-s{width:22%;aspect-ratio:.62;border:2px solid rgba(32,32,32,.2);border-right:none;border-radius:8px 0 0 8px}
.dl-fx-br-s--r{border:2px solid rgba(32,32,32,.2);border-left:none;border-radius:0 8px 8px 0}
.dl-fx-br-d{width:16px;height:16px;border-radius:50%;background:var(--color-indigo)}
.cs-kpi{position:relative;z-index:1;width:min(96%,392px);background:var(--color-ivory);border-radius:16px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:20px}
.cs-kpi-row{display:flex;align-items:baseline;gap:16px}
.cs-kpi-row+.cs-kpi-row{padding-top:20px;border-top:1px solid var(--border-default)}
.cs-kpi-v{font-size:40px;line-height:.95;color:var(--color-indigo);flex:0 0 auto;min-width:104px}
.cs-kpi-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.cs-kpi-l{font-family:var(--font-sans);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--anthracite-80)}
.cs-kpi-d{font-size:12.5px;line-height:1.5;color:var(--anthracite-60)}
.cs-meta{display:flex;flex-wrap:wrap;gap:14px 48px;margin-top:52px;padding-top:26px;border-top:1px solid rgba(244,240,234,.16)}
.cs-meta-i{display:flex;flex-direction:column;gap:5px}
.cs-meta-i span{font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,240,234,.5)}
.cs-meta-i b{font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--color-ivory)}
.cs-quote-wrap{max-width:920px}
.cs-quote{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.6vw,50px);line-height:1.16;text-wrap:pretty}
.cs-quote::before{content:"\00AB\00A0"}.cs-quote::after{content:"\00A0\00BB"}
.cs-quote-by{margin-top:26px;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(32,32,32,.6)}
.cs-cms{margin-top:36px}
.cs-others{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cs-other{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);padding:34px;outline:1px solid var(--border-default);text-decoration:none;color:var(--color-anthracite);transition:all 240ms var(--ease-out)}
.cs-other:hover{opacity:1;transform:translateY(-4px);box-shadow:var(--shadow-3);outline-color:var(--color-indigo);color:var(--color-anthracite)}
.cs-other-tag{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-indigo)}
.cs-other-stat{font-size:clamp(44px,4.6vw,68px);line-height:.95;margin:18px 0 8px}
.cs-other-m{font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:var(--anthracite-60);padding-bottom:20px;border-bottom:1px solid var(--border-default)}
.cs-other-b{padding-top:18px;font-family:var(--font-sans);font-weight:700;font-size:16px}
.cs-other-cta{margin-top:auto;padding-top:24px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-indigo)}
.cs-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:980px){.cs-hub{grid-template-columns:1fr}}
@media (max-width:880px){.cs-others{grid-template-columns:1fr}.cs-kpi-v{min-width:88px;font-size:34px}}