/* ============================================================
   segment.css — shared design system for the "Who we serve"
   segment pages (Asset Managers, Wealth Managers, Asset
   Servicers, Banks, Asset Owners). Architecture mirrors the
   Amundi Technology client-page pattern, in the Eldarion brand.

   Single source of truth — generated pages link this file.
   Edit here, not in the HTML.  Prefix: .seg-
   ============================================================ */

/* ---- layout ---- */
.seg-wrap { max-width: var(--page-max, 1400px); margin: 0 auto; padding-left: 24px; padding-right: 24px; }
@media (min-width: 1024px) { .seg-wrap { padding-left: 40px; padding-right: 40px; } }

.seg-mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }
.seg-h1 { font-family:'Manrope',system-ui,sans-serif; font-weight:700; letter-spacing:-0.035em; line-height:1.03; font-size:clamp(40px,6.2vw,76px); }
.seg-h2 { font-family:'Manrope',system-ui,sans-serif; font-weight:700; letter-spacing:-0.03em; line-height:1.05; font-size:clamp(28px,4vw,46px); }
.seg-lede { font-size:clamp(16px,1.4vw,19px); line-height:1.6; }
.seg-num { font-variant-numeric: tabular-nums; }
/* plain uppercase label — no ▲ marker, normal tracking */
.seg-eyebrow { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; letter-spacing:normal; text-transform:uppercase; color:#9388D9; display:inline-flex; align-items:center; gap:8px; }

/* ---- buttons ---- */
.seg-btn-primary { display:inline-flex; align-items:center; gap:9px; background:#FAFAF7; color:#1A1714; font-weight:600; font-size:15px; padding:14px 26px; border-radius:999px; transition:transform .2s ease, background .2s ease; }
.seg-btn-primary:hover { transform:translateY(-2px); background:#fff; }
.seg-btn-ghost { display:inline-flex; align-items:center; gap:9px; color:#FAFAF7; font-weight:600; font-size:15px; padding:14px 24px; border-radius:999px; border:1px solid rgba(250,250,247,0.22); transition:border-color .2s ease, background .2s ease; }
.seg-btn-ghost:hover { border-color:rgba(250,250,247,0.5); background:rgba(250,250,247,0.05); }
.seg-btn-dark { display:inline-flex; align-items:center; gap:9px; background:#0F1A2E; color:#FAFAF7; font-weight:600; font-size:15px; padding:14px 26px; border-radius:999px; transition:transform .2s ease, background .2s ease; }
.seg-btn-dark:hover { transform:translateY(-2px); background:#16243f; }
.seg-btn-line { display:inline-flex; align-items:center; gap:8px; color:#0F1A2E; font-weight:600; font-size:15px; padding:14px 24px; border-radius:999px; border:1px solid rgba(26,23,20,0.18); transition:border-color .2s ease; }
.seg-btn-line:hover { border-color:rgba(15,26,46,0.5); }

/* ---- 2 · social proof (logos + stats) ---- */
.seg-logos { display:flex; flex-wrap:wrap; align-items:center; gap:36px 56px; }
.seg-logo { font-family:'Manrope',sans-serif; font-weight:700; font-size:19px; letter-spacing:-0.01em; color:#B7B2AC; }
.seg-statgrid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(26,23,20,0.10); border:1px solid rgba(26,23,20,0.10); border-radius:16px; overflow:hidden; }
@media (min-width:768px){ .seg-statgrid { grid-template-columns:repeat(4,1fr); } }
.seg-stat { background:#FAFAF7; padding:30px 26px; }
.seg-stat-v { font-family:'Manrope',sans-serif; font-weight:700; letter-spacing:-0.04em; font-size:clamp(32px,3.4vw,46px); color:#0F1A2E; line-height:1; }
.seg-stat-l { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; color:#76716C; margin-top:12px; line-height:1.5; }

/* ---- 3 · why choose (feature cards, dark) ---- */
.seg-why { border:1px solid rgba(250,250,247,0.13); border-radius:16px; padding:28px; background:rgba(250,250,247,0.025); height:100%; transition:border-color .25s ease, background .25s ease; }
.seg-why:hover { border-color:rgba(250,250,247,0.34); background:rgba(250,250,247,0.045); }
.seg-why-ico { width:44px; height:44px; border-radius:12px; background:rgba(147,136,217,0.16); border:1px solid rgba(147,136,217,0.34); display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.seg-why-ico svg { width:22px; height:22px; stroke:#C9C0F0; }
.seg-why-title { font-weight:700; font-size:18px; letter-spacing:-0.02em; color:#FAFAF7; margin:0 0 10px; }
.seg-why-desc { font-size:14.5px; line-height:1.58; color:rgba(250,250,247,0.66); margin:0; }
/* light variant (on white / off-white sections) */
.seg-why-lt { border:1px solid rgba(26,23,20,0.10); background:#fff; }
.seg-why-lt:hover { border-color:rgba(26,23,20,0.22); background:#fff; }
.seg-why-lt .seg-why-ico { background:rgba(147,136,217,0.12); border:1px solid rgba(147,136,217,0.30); }
.seg-why-lt .seg-why-ico svg { stroke:#7A6ED4; }
.seg-why-lt .seg-why-title { color:#1A1714; }
.seg-why-lt .seg-why-desc { color:#3D3935; }
/* glow variant — dark card with a soft light bloom rising from the bottom (Hebbia-style) */
.seg-why-glow { position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:300px; border:0; background:radial-gradient(150% 65% at 50% 122%, rgba(196,203,226,0.24) 0%, rgba(120,128,160,0.08) 34%, transparent 60%), linear-gradient(180deg, #0A1220 0%, #101B30 55%, #1A2842 100%); transition:transform .25s ease; }
.seg-why-glow:hover { transform:translateY(-3px); }
.seg-why-glow .seg-why-ico { margin-bottom:auto; }
.seg-why-glow .seg-why-title { margin-top:22px; }

/* ---- 2b · THE PLATFORM (editorial split: pinned product surface + numbered list) ----
   Used identically by the five Solutions pages. White ground; the product
   surface is pinned on the left while the argument reads down the right as a
   numbered editorial list. Per-page copy and mock rows live in the HTML;
   everything visual is set here. */
.seg-plat { background:#FFFFFF; }
.seg-plat-head { max-width:820px; margin-bottom:52px; }
@media (min-width:1024px){ .seg-plat-head { margin-bottom:72px; } }
/* editorial headline: first clause solid, the rest dropped back to grey.
   Wrap the trailing clause in <span class="seg-plat-h2-mute">. */
.seg-plat-h2 { font-family:'Manrope',system-ui,sans-serif; font-weight:600; letter-spacing:-0.03em; line-height:1.1; font-size:clamp(34px,3.9vw,56px); color:#12100E; margin:0; }
.seg-plat-h2-mute { color:#8C877F; font-weight:400; }
/* the eyebrow above it drops the mono/violet treatment for a quiet grey label */
.seg-plat-head .seg-eyebrow { font-family:'Manrope',system-ui,sans-serif; font-size:12.5px; font-weight:500; letter-spacing:0.075em; color:#78736D; }

/* the card grid — visual tile on top, title and copy beneath, four across.
   Each tile is its own container (container-type:inline-size) so every mock
   inside scales in cqw units and stays identical at any column width. */
.seg-plat-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:48px 24px; }
@media (min-width:640px){ .seg-plat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:52px 26px; } }
@media (min-width:1200px){ .seg-plat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 26px; } }
.seg-plat-card { min-width:0; }
.seg-plat-title { font-family:'Manrope',system-ui,sans-serif; font-weight:600; font-size:clamp(19px,1.5vw,22px); letter-spacing:-0.02em; line-height:1.2; color:#12100E; margin:26px 0 12px; }
.seg-plat-desc { font-size:15.5px; line-height:1.58; color:#5C5854; margin:0; }

/* ---- the tiles ----
   .spt is the dark rounded frame; one modifier per mock. Content that changes
   per page (words, rows, panel copy) lives in the HTML, never here. */
.spt { position:relative; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#0A1220;
       container-type:inline-size; font-family:'Manrope',system-ui,sans-serif; }
.spt__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }

/* a · word stack — the capability list, one term lit, the rest dropped back */
.spt--words { background:radial-gradient(125% 120% at 24% 6%, #26334E 0%, #141E33 46%, #070C15 100%); }
.spt-words { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2.2cqw; padding:5cqw 4cqw; text-align:center; }
.spt-words span { display:block; font-size:8.2cqw; font-weight:500; letter-spacing:-0.03em; line-height:1.14; color:rgba(250,250,247,0.30); }
.spt-words span:first-child, .spt-words span:last-child { color:rgba(250,250,247,0.16); }
.spt-words b { display:block; font-size:9.6cqw; font-weight:700; letter-spacing:-0.03em; line-height:1.14; color:#FAFAF7; }

/* b · shared surface — a document panel on the dark ground, two cursors on it */
.spt--panel { background:radial-gradient(120% 110% at 72% 10%, #2B3346 0%, #171D2E 48%, #0A0E18 100%); }
.spt-panel { position:absolute; left:10%; right:10%; top:25%; background:#FAFAF7; border-radius:9px; padding:5cqw 5cqw 4.4cqw; box-shadow:0 22cqw 30cqw -18cqw rgba(4,7,12,0.85); }
.spt-panel-mock { display:flex; flex-direction:column; gap:2.4cqw; margin-bottom:5cqw; }
.spt-panel-mock i { display:block; height:2.4cqw; border-radius:999px; background:#E2E1DC; }
.spt-panel-mock i:nth-child(1){ width:64%; } .spt-panel-mock i:nth-child(2){ width:88%; } .spt-panel-mock i:nth-child(3){ width:42%; }
.spt-panel-t { font-size:4.8cqw; font-weight:700; letter-spacing:-0.02em; color:#12100E; line-height:1.2; }
.spt-panel-m { font-size:4cqw; font-weight:500; color:#8C877F; line-height:1.25; margin-top:1.6cqw; }
.spt-chip { position:absolute; display:inline-flex; align-items:center; gap:2.4cqw; padding:2.2cqw 3.4cqw; border-radius:7px; font-size:5cqw; font-weight:600; letter-spacing:-0.02em; box-shadow:0 8cqw 16cqw -8cqw rgba(4,7,12,0.7); }
.spt-chip i { width:5.8cqw; height:5.8cqw; border-radius:4px; display:grid; place-items:center; font-style:normal; font-size:2.5cqw; font-weight:700; letter-spacing:0.02em; }
.spt-chip::after { content:''; position:absolute; width:7cqw; height:7cqw; -webkit-mask:var(--cur) center/contain no-repeat; mask:var(--cur) center/contain no-repeat; }
.spt { --cur:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.4 1.2 13.6 7.6a.6.6 0 0 1-.1 1.1l-4.6 1.2-2.2 4.4a.6.6 0 0 1-1.1-.1L2.4 1.2Z'/%3E%3C/svg%3E"); }
.spt-chip--a { left:3%; top:30%; background:#232C3B; color:#FAFAF7; }
.spt-chip--a i { background:rgba(250,250,247,0.16); color:#FAFAF7; }
.spt-chip--a::after { right:-4cqw; top:-6cqw; background:#20293A; transform:rotate(-14deg); }
.spt-chip--b { right:3%; bottom:11%; background:#E9E8E3; color:#12100E; }
.spt-chip--b i { background:#C6C8CE; color:#2A2F38; }
.spt-chip--b::after { left:-4cqw; top:-6cqw; background:#D6D8DE; transform:rotate(-14deg) scaleX(-1); }

/* c · row stack — white cards running past the top and bottom edge */
.spt--rows { background:radial-gradient(120% 110% at 30% 92%, #3A2F3E 0%, #1D1A2A 48%, #0B0A12 100%); }
.spt-rows { position:absolute; left:7%; right:7%; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:3cqw; }
.spt-row { display:flex; align-items:center; gap:3.4cqw; background:#FFFFFF; border-radius:7px; padding:3.4cqw 4cqw; font-size:5.2cqw; font-weight:600; letter-spacing:-0.02em; color:#12100E; box-shadow:0 6cqw 14cqw -10cqw rgba(4,7,12,0.55); }
.spt-row i { flex:none; width:7cqw; height:7cqw; border-radius:5px; display:grid; place-items:center; font-style:normal; font-size:3cqw; font-weight:700; letter-spacing:0.02em; color:#FAFAF7; background:#0F1A2E; }
.spt-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.spt-row em { margin-left:auto; font-style:normal; font-variant-numeric:tabular-nums; font-weight:600; color:#7A6ED4; }

/* e · proposal sheet — the client's own book, current weight shifted to proposed.
   Rows and the stacked bar are content: change them in the HTML, not here. */
.spt--prop { background:radial-gradient(120% 110% at 30% 92%, #3A2F3E 0%, #1D1A2A 48%, #0B0A12 100%); }
.spt-prop { position:absolute; left:8%; right:8%; top:13.5%; bottom:13.5%; display:flex; flex-direction:column;
            background:#FAFAF7; border-radius:9px; padding:5.4cqw 5cqw 4.6cqw;
            box-shadow:0 18cqw 28cqw -16cqw rgba(4,7,12,0.85); }
.spt-prop-k { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:2.9cqw; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:#9388D9; }
.spt-prop-t { font-size:5cqw; font-weight:700; letter-spacing:-0.02em; line-height:1.15; color:#12100E; margin-top:1.6cqw; }
/* the whole book as one bar: each i gets its weight via style="--w:32" */
.spt-prop-bar { display:flex; gap:0.9cqw; margin:4.4cqw 0 4.8cqw; }
.spt-prop-bar i { flex:var(--w) 1 0; height:2.6cqw; border-radius:999px; background:#7A6ED4; }
.spt-prop-bar i:nth-child(n+2){ opacity:.55; } .spt-prop-bar i:nth-child(n+4){ opacity:.3; } .spt-prop-bar i:nth-child(n+6){ opacity:.16; }
/* one line per sleeve: name, weight today, weight proposed */
.spt-prop-rows { display:flex; flex-direction:column; gap:3.8cqw; }
.spt-prop-row { display:flex; align-items:baseline; gap:2.4cqw; font-size:4cqw; font-weight:600; letter-spacing:-0.02em; color:#12100E; }
.spt-prop-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.spt-prop-row u { margin-left:auto; text-decoration:none; font-variant-numeric:tabular-nums; color:#A9A49C; }
.spt-prop-row u::after { content:'\2192'; margin:0 0.6cqw 0 1cqw; color:#C8C4BC; }
.spt-prop-row em { font-style:normal; font-variant-numeric:tabular-nums; color:#7A6ED4; }
.spt-prop-f { display:flex; align-items:center; gap:2.2cqw; margin-top:auto; padding-top:4cqw; border-top:1px solid #E7E5E0; font-size:3.4cqw; font-weight:500; color:#8C877F; }
.spt-prop-f::before { content:''; flex:none; width:3.8cqw; height:3.8cqw; background:#9388D9;
  -webkit-mask:var(--tick) center/contain no-repeat; mask:var(--tick) center/contain no-repeat; }
.spt { --tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E"); }

/* d · gears — the machine that runs the desk (images/gears.svg) */
.spt--gears { background:#04060A; }

/* f · product shot — the real screen from the product pages, mounted the way the
   Platform rows mount it: a flat tinted plate under the shared texture, with the
   screen inset from the top-left and oversized so it runs off the right and the
   bottom. The tile reads as a window onto the product, not a picture of it.
   --plate is the tint of the mount, --pos the part of the screen the square
   keeps (object-position). Both are set per card in the HTML. */
.spt--shot { background-color:var(--plate,#1E2E4A); background-image:url("../images/plate-texture.svg");
             background-size:cover; background-position:center; }
.spt--shot .spt__img { inset:auto; top:13%; left:10%; width:104%; height:104%;
                       object-position:var(--pos,left top); border-radius:10px 0 0 0;
                       box-shadow:-26px -18px 60px -24px rgba(0,0,0,.72); }

/* g · art that already carries its own plate (the report deck) — full bleed, no
   mount underneath, or the tile would frame a frame. */
.spt--art { background:#14150F; }
.spt--art .spt__img { object-position:var(--pos,center); }

/* ---- 4 · capabilities (numbered modules, light) ---- */
.seg-cap { border:1px solid rgba(26,23,20,0.10); border-radius:18px; padding:32px 30px; background:#fff; height:100%; }
.seg-cap-n { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; letter-spacing:.1em; color:#9388D9; margin-bottom:18px; }
.seg-cap-title { font-weight:700; font-size:21px; letter-spacing:-0.02em; color:#1A1714; margin:0 0 18px; }
.seg-cap ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.seg-cap li { position:relative; padding-left:26px; font-size:14.5px; line-height:1.5; color:#3D3935; }
.seg-cap li::before { content:''; position:absolute; left:0; top:3px; width:16px; height:16px; background:#9388D9; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat; }

/* ---- 5 · teams (persona cards, dark) ---- */
.seg-persona { border:1px solid rgba(250,250,247,0.13); border-radius:14px; padding:24px; background:rgba(250,250,247,0.025); height:100%; transition:border-color .25s ease, background .25s ease; }
.seg-persona:hover { border-color:rgba(250,250,247,0.32); background:rgba(250,250,247,0.045); }
.seg-persona-role { font-weight:600; font-size:16px; color:#FAFAF7; margin:0 0 8px; letter-spacing:-0.01em; }
.seg-persona-desc { font-size:13.5px; line-height:1.55; color:rgba(250,250,247,0.62); margin:0; }
.seg-persona-tag { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#9388D9; margin-bottom:14px; display:block; }

/* ---- 6 · testimonial ---- */
.seg-quote { border:1px solid rgba(26,23,20,0.10); border-radius:20px; background:#fff; padding:44px 40px; }
.seg-quote p { font-family:'Manrope',sans-serif; font-weight:600; font-size:clamp(20px,2.4vw,30px); line-height:1.32; letter-spacing:-0.02em; color:#1A1714; margin:0 0 26px; }
.seg-quote-who { display:flex; align-items:center; gap:14px; }
.seg-quote-av { width:46px; height:46px; border-radius:999px; background:rgba(147,136,217,0.16); border:1px solid rgba(147,136,217,0.4); display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:14px; color:#5B4FA8; flex-shrink:0; }
.seg-quote-name { font-weight:600; font-size:15px; color:#1A1714; }
.seg-quote-title { font-size:13px; color:#76716C; margin-top:2px; }

/* ---- 7 · journey (numbered steps) ---- */
.seg-step { border:1px solid rgba(250,250,247,0.12); border-radius:16px; padding:28px; background:rgba(250,250,247,0.03); height:100%; }
.seg-step-n { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:13px; color:#9388D9; margin-bottom:16px; display:flex; align-items:center; gap:10px; }
.seg-step-n::after { content:''; flex:1; height:1px; background:rgba(250,250,247,0.14); }
.seg-step-title { font-weight:700; font-size:18px; letter-spacing:-0.02em; color:#FAFAF7; margin:0 0 8px; }
.seg-step-desc { font-size:14px; line-height:1.55; color:rgba(250,250,247,0.62); margin:0; }

/* ---- misc ---- */
.seg-illu { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:11px; letter-spacing:.04em; color:#9388D9; display:inline-flex; align-items:center; gap:6px; }
.seg-illu-light { color:rgba(250,250,247,0.5); }
.seg-hairline { border-bottom:1px solid rgba(26,23,20,0.08); }

/* ---- 8 · the close (dark CTA panel, ported from the Mathisse close) ----
   Full-bleed institutional panel on the sand ground: quant-ink frame, the seal
   turning at the right, copy left-aligned. The seal is drawn by
   assets/close-cta.js into #seg-close-canvas. */
.seg-close { background:#FAFAF7; padding:5rem 1.5rem 6rem; position:relative; }
@media (min-width:768px) { .seg-close { padding:7rem 2.5rem 7rem; } }
.seg-close__frame { border-radius:4px; overflow:hidden; position:relative; width:100%; max-width:1600px; margin:0 auto; min-height:66svh; display:flex; align-items:flex-end; background:radial-gradient(76% 104% at 84% 34%, rgba(31,51,84,.9) 0%, rgba(15,26,46,0) 64%), linear-gradient(168deg, #080D18 0%, #0F1A2E 58%, #1F3354 100%); }
@media (min-width:768px) { .seg-close__frame { min-height:76svh; } }
.seg-close__face { position:absolute; right:0%; top:50%; translate:0 -50%; width:min(54%,540px); aspect-ratio:1; pointer-events:none; }
@media (max-width:767px) { .seg-close__face { right:50%; translate:50% -50%; top:34%; width:76%; opacity:.45; } }
.seg-close__face canvas { display:block; width:100%; height:100%; filter:drop-shadow(0 0 3vmin rgba(255,232,190,.28)); }
.seg-close__cta { position:relative; padding:2.5rem 1.5rem; max-width:36rem; }
@media (min-width:768px) { .seg-close__cta { padding:4rem 3.5rem; } }
.seg-close__line { font-family:'Manrope',system-ui,sans-serif; color:#FAFAF7; font-size:2rem; font-weight:600; line-height:1.05; letter-spacing:-0.03em; text-align:left; margin:0 0 2.25rem; }
@media (min-width:768px) { .seg-close__line { font-size:3.25rem; } }
.seg-close__btn { align-items:center; text-decoration:none; border-radius:62rem; display:inline-flex; font-family:'Manrope',system-ui,sans-serif; font-size:14px; font-weight:500; letter-spacing:-0.01em; padding:12px 22px; background:#FFFFFF; color:#1A1714; transition:background .25s ease, color .25s ease; }
.seg-close__btn:hover { background:#F2F0EB; }
/* Apilado el sello se va al centro del panel, así que el cierre se centra con
   él: frase y botón sobre el mismo eje, no colgando de la esquina izquierda. */
@media (max-width:767px) {
  .seg-close__frame { justify-content:center; }
  .seg-close__cta { max-width:100%; text-align:center; }
  /* La frase lleva su propio text-align:left; aquí manda el centro, y el
     reparto equilibrado evita que la segunda línea quede en un muñón. */
  .seg-close__line { text-align:center; text-wrap:balance; }
}