/* m1 Bracket - argent.css: the Argent briefing card, the Argent page (six-area board), Book a Demo, (slot picker and gallery strips removed in production) */
/* ---------- briefing card (home, first section) ---------- */
.arg-sec{padding-block:clamp(40px,5vw,72px)}
.arg-card{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,3.4vw,56px);align-items:center;max-width:1280px;margin-inline:auto;padding:clamp(24px,3.4vw,48px);--bl:16px}
.arg-brand{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:clamp(18px,2.4vw,28px)}
.arg-lk{display:block;height:40px;width:auto;color:var(--ac-ink-strong);flex:none}
.arg-wm{display:block;height:15px;width:auto;color:var(--ac-ink-strong);flex:none}
.arg-by{font:600 11px/1 var(--ac-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ac-ink-3)}
.arg-h{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.08;margin:0 0 clamp(16px,2vw,24px)}
.arg-lede{font-size:clamp(1rem,1.25vw,1.125rem);color:var(--ac-ink-2);max-width:46ch;margin:0 0 clamp(20px,2.4vw,32px)}
.arg-film{margin:0;display:flex;flex-direction:column;gap:16px}
.arg-film .film-fr{--bl:14px}
.arg-film figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;justify-content:space-between}
.arg-teaser{margin:0;max-width:48ch;color:var(--ac-ink-2)}
.film-fr{cursor:pointer;color:inherit}
.film-fr img{aspect-ratio:16/9;object-fit:cover}
.film-fr .fr-play{width:64px;height:64px;left:16px;bottom:16px}
.film-fr .fr-ctl{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:14px;line-height:1}
.film-fr .fr-ctl .fr-play{position:static;width:80px;height:80px}
.fr-pl{padding:9px 12px;font:600 12px/1.2 var(--ac-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-ink-strong);background:var(--ac-float);border:1px solid var(--ac-rule);border-radius:var(--ac-r)}
.fr-pl .dm{color:var(--ac-accent);font-size:.7em;margin-inline:.25em}
.film-fr:hover img{filter:brightness(1.04)}
.film-btn{white-space:nowrap}
.film-btn.more{min-height:44px;color:var(--ac-info);text-decoration:underline;text-underline-offset:5px;letter-spacing:.1em}.film-btn.more:hover{color:var(--ac-ink-strong)}
@media(max-width:1060px){.arg-card{grid-template-columns:1fr}.arg-lede{max-width:60ch}}
@media(max-width:560px){.arg-lk{height:32px}.arg-wm{height:13px}.arg-card{padding:22px 18px;--bl:10px}.film-fr .fr-play{width:56px;height:56px;left:12px;bottom:12px}.film-fr .fr-ctl{left:12px;bottom:12px;gap:10px}.film-fr .fr-ctl .fr-play{width:64px;height:64px}.fr-pl{padding:7px 9px;font-size:11px;letter-spacing:.1em}.arg-sec .cta-row>a{flex:1 1 100%}}
/* ---------- argent page ---------- */
.arg-hero .arg-brand{margin-bottom:24px}
.namel{margin:-6px 0 20px;font:600 12px/1.5 var(--ac-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-ink-2)}
.arg-hero .body-p{color:var(--ac-ink-2);max-width:60ch}
.gloss-sec{padding-block:clamp(40px,5vw,64px)}
.gloss{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0}
.gl{padding:16px 18px;border-left:2px solid var(--ac-accent);background:var(--ac-card);border-radius:0 var(--ac-r) var(--ac-r) 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.gl dt{margin:0 0 4px;font:600 12px/1.3 var(--ac-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-ink-strong)}
.gl dd{margin:0;font-size:.95rem;color:var(--ac-ink-2)}
@media(max-width:860px){.gloss{grid-template-columns:1fr 1fr}}@media(max-width:560px){.gloss{grid-template-columns:1fr}}
/* board */
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
@media(max-width:1060px){.board{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.board{grid-template-columns:1fr}}
.tile6{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.2vw,28px);transition:background var(--ac-t-ui),border-color var(--ac-t-ui)}
.tile6 .card-h{margin:0}
.wl{margin:0;font-size:.95rem;color:var(--ac-ink-2)}
.wl b{display:block;margin-bottom:3px;font:600 10.5px/1.3 var(--ac-font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-accent)}
.ev{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 0;padding:10px 12px;background:#10151C;border:1px solid rgba(232,238,246,.14);border-radius:var(--ac-r);font:500 12px/1.5 var(--ac-font-mono);color:#D8DEE6}
.ev-n{font-weight:600;color:#fff}.ev .ac-stamp--ok:where(:not(.m2s *,.m3s *)){color:#7CC2A6}.ev-m{color:#B4BEC9}.ev-c{color:#9AA6B4}.ev-d{margin-left:auto;color:#7CC2A6}
.film-l{display:inline-flex;align-items:center;min-height:44px;font:600 12px/1.3 var(--ac-font-mono);letter-spacing:.06em;margin-top:auto}
.cover{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;text-align:left;cursor:pointer;font:600 12px/1.2 var(--ac-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-ink-strong);background:var(--ac-fog-1);border:1px solid var(--ac-rule);border-radius:var(--ac-r);transition:background var(--ac-t-ui),border-color var(--ac-t-ui)}
.cover:hover{border-color:var(--ac-edge)}
.cover .sq{flex:none;width:20px;height:20px;border:1.5px solid var(--ac-edge);border-radius:2px;background:var(--ac-card);display:grid;place-items:center}
.cover[aria-pressed="true"]{background:var(--ac-accent-tint);border-color:var(--ac-accent)}
.cover[aria-pressed="true"] .sq{background:var(--ac-accent-fill);border-color:var(--ac-accent-fill)}
.cover[aria-pressed="true"] .sq::after{content:"";width:12px;height:12px;background:#fff;-webkit-mask:var(--ck-svg) center/contain no-repeat;mask:var(--ck-svg) center/contain no-repeat}
.tile6.is-covered{background:var(--ac-fog-3);border-color:var(--ac-edge)}
.tile6.is-covered>.br{--o:12px;opacity:.4}
.tile6.is-covered .ev{opacity:.7}
.board-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:clamp(20px,2.6vw,32px);padding:clamp(18px,2.2vw,28px) clamp(20px,2.6vw,32px)}
.br-t{margin:0;font:600 clamp(1rem,1.5vw,1.2rem)/1.4 var(--ac-font-ui);color:var(--ac-ink-strong);max-width:62ch}
@media(max-width:700px){.board-result .b1{width:100%}}
/* flow */
.flow-head{margin-bottom:clamp(24px,3vw,40px)}
.flow-g{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(20px,2.6vw,36px);align-items:start}
.flow{counter-reset:f;margin:0;padding:0;list-style:none;display:grid;gap:0}
.flow li{counter-increment:f;position:relative;padding:14px 0 14px 56px;border-bottom:1px solid var(--ac-rule);color:var(--ac-ink)}
.flow li:last-child{border-bottom:0}
.flow li::before{content:counter(f,decimal-leading-zero);position:absolute;left:0;top:14px;font:600 13px/1.6 var(--ac-font-mono);letter-spacing:.1em;color:var(--ac-accent)}
.stats2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:0;list-style:none}
.stats2 .stat{padding:20px}
.stats2 .s-v{font-size:clamp(1.7rem,2.6vw,2.2rem)}
@media(max-width:960px){.flow-g{grid-template-columns:1fr}}
/* components, stack, deploy, who */
.comp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.comp{padding:20px 22px}.comp p{color:var(--ac-ink-2);font-size:.95rem;margin:0}
.comp .card-h{margin-bottom:8px}
@media(max-width:1060px){.comp-g{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.comp-g{grid-template-columns:1fr}}
.stack-sec .lede{margin-bottom:clamp(24px,3vw,40px)}
.stack-g{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.stack{padding:22px 24px}.stack .card-h{margin-bottom:14px}.stack-c{margin:14px 0 0;font-size:.9rem;color:var(--ac-ink-3)}
@media(max-width:1060px){.stack-g{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.stack-g{grid-template-columns:1fr}}
.dep{padding:24px}.dep p{color:var(--ac-ink-2)}
.dep-n{display:block;margin-bottom:12px;font:600 2rem/1 var(--ac-font-mono);color:var(--ac-edge)}
.dep-os{margin-top:clamp(20px,2.4vw,32px);max-width:80ch}
.who{max-width:880px}.who-c{padding:clamp(24px,3.4vw,44px)}
/* ---------- book a demo ---------- */
.demo-g{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,3.6vw,56px);align-items:start;margin-top:clamp(24px,3vw,40px)}
.demo-l{display:grid;gap:clamp(16px,2vw,28px)}
.demo-card{padding:clamp(22px,3vw,40px)}
.demo-card .df{max-width:none}
.demo-card .df-submit{background:var(--ac-accent-fill);color:var(--ac-on-fill);border:1px solid var(--ac-accent-rim);border-radius:var(--ac-r);font:600 12px/1 var(--ac-font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.demo-card .df-submit:hover{background:var(--ac-accent-fill-hover)}
.demo-side{display:grid;gap:clamp(14px,1.8vw,22px)}
.side{padding:20px 22px}.side .kick{margin-bottom:10px}.side p{color:var(--ac-ink-2);margin:0}
@media(max-width:960px){.demo-g{grid-template-columns:1fr}}
.demo-card .df-done{background:var(--ac-float);border-color:var(--ac-rule)}
/* the right edge at mid height stays free on 390: nothing fixed lives there */

/* ---------- argent page: hero (poster first at 390), flow plate, ruled controls, closing plate, who ---------- */
.arg-hgrid{display:grid;grid-template-columns:9fr 11fr;grid-template-areas:"top film" "rest film";grid-template-rows:auto 1fr;column-gap:clamp(28px,4vw,56px);align-items:start}
.ah-top{grid-area:top}.ah-film{grid-area:film}.ah-rest{grid-area:rest}
.arg-hero .hero-h{font-size:clamp(1.9rem,2.9vw,2.6rem);margin-bottom:18px}
.nw{white-space:nowrap}
.namel{text-wrap:balance}
@media(max-width:860px){.arg-hgrid{grid-template-columns:1fr;grid-template-areas:"top" "film" "rest";grid-template-rows:none}.ah-film{margin:4px 0 24px}}
.flow-side{position:sticky;top:calc(var(--chrome-top,0px) + 96px);display:grid;gap:16px}
.flow-plate{--bl:12px}.flow-plate .fr-play{width:48px;height:48px;left:12px;bottom:12px}
@media(max-width:960px){.flow-side{position:static}}
.rules{margin:0;border-top:1px solid var(--ac-rule)}
.rule-r{display:grid;grid-template-columns:minmax(200px,.3fr) 1fr;gap:6px clamp(24px,4vw,56px);padding:18px 0;border-bottom:1px solid var(--ac-rule)}
.rule-r dt{font:600 1.05rem/1.4 var(--ac-font-ui);letter-spacing:-.01em;color:var(--ac-ink-strong)}
.rule-r dd{margin:0;color:var(--ac-ink-2)}
@media(max-width:700px){.rule-r{grid-template-columns:1fr;padding:16px 0}}
.arg-close{overflow:hidden;--cp-w:420px}.arg-close .close-in{padding-right:calc(var(--ac-gutter) + var(--cp-w) + 40px)}@media(max-width:1199px){.arg-close{--cp-w:300px}}@media(max-width:860px){.arg-close .close-in{padding-right:var(--ac-gutter)}}
.close-plate{position:absolute;top:50%;right:max(var(--ac-gutter),calc((100% - var(--ac-max))/2 + var(--ac-gutter)));width:var(--cp-w);aspect-ratio:16/9;transform:translateY(-50%);background:url("/kit/film/still-06-end-card.982f9f0120.jpg") center/cover no-repeat;border:1px solid var(--ac-rule);border-radius:var(--ac-r)}
.arg-close .close-in{position:relative}
@media(max-width:860px){.close-plate{position:relative;top:auto;right:auto;transform:none;width:calc(100% - 2*var(--ac-gutter));margin:0 auto 24px}}
.who-c{display:grid;grid-template-columns:1fr auto;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,3.4vw,48px)}
.who-copy .lede{max-width:64ch}.who-copy .sec-h{margin-bottom:16px}
.who-rv{display:block;height:clamp(110px,13vw,190px);width:auto;color:var(--ac-ink-strong);opacity:.9}
@media(max-width:700px){.who-c{grid-template-columns:1fr}.who-mark{order:-1}.who-rv{height:72px}}
:root[data-theme="dark"] .gl{box-shadow:none}

/* ---------- production: home Argent section = card (copy) over the m2 console window ---------- */
.arg-sec .ac-wrap{display:flex;flex-direction:column;gap:clamp(16px,2.5vw,28px)}
.arg-sec .ac-wrap>.arg-card{width:100%}
.arg-card{row-gap:0}
@media(min-width:1061px){.arg-card{grid-template-columns:5fr 7fr;align-items:end;column-gap:clamp(24px,3.4vw,56px)}.arg-card .arg-h{margin-bottom:0}}