/* Hallmark · modern-minimal · technology in practice · navy and turquoise.
   Structure: depth in software, varied photographic scenes; P5 H5 E5 S5 R5 V5. */
:root{--color-visual-shadow:oklch(5% .02 245 / .45);--color-document-paper:oklch(96% .008 245);--color-document-ink:oklch(22% .03 245);--color-document-mark:oklch(87% .09 215)}
figure{margin:0}
.rich-visual{width:100%;max-width:none;justify-self:stretch;overflow:visible;gap:0;animation:none}
.intro-composition{gap:var(--space-xl)}
.intro-visual.rich-visual{padding:0;background:var(--color-transparent)}
.rich-visual figure{width:100%;min-width:0}
.software-scene,.order-workspace{background:linear-gradient(145deg,var(--color-surface),var(--color-paper));border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 18px 36px var(--color-visual-shadow);overflow:clip;padding:var(--space-md)}
.software-scene figcaption,.order-workspace figcaption,.process-visual figcaption{font-size:var(--text-small);color:var(--color-muted);margin-bottom:var(--space-md)}
.order-workspace figcaption{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.order-workspace figcaption>span{color:var(--color-accent);letter-spacing:.08em}
.visual-kicker{display:block;font-size:var(--text-small);color:var(--color-accent);font-weight:500;line-height:1.45;margin-bottom:.6rem}
.visual-attention{display:block;border-top:1px solid var(--color-rule);color:var(--color-accent);font-size:var(--text-small);padding-top:.6rem;margin-top:.6rem}
.workspace-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:var(--space-sm);align-items:start;position:relative}
.workspace-document,.workspace-data{padding:var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-sm);box-shadow:0 12px 22px var(--color-visual-shadow)}
.workspace-document{background:var(--color-surface-deep);margin-bottom:var(--space-md)}
.workspace-data{background:var(--color-surface);margin-top:var(--space-md);border-top:2px solid var(--color-accent)}
.workspace-document>strong,.workspace-data>strong{display:block;font-size:1.1rem}
.workspace-document>p{font-size:var(--text-small);color:var(--color-muted);margin-block:.35rem .9rem}
.document-paper{padding:.8rem;background:var(--color-document-paper);color:var(--color-document-ink);border-radius:var(--radius-sm)}
.document-paper p{font-size:var(--text-small);margin-bottom:.75rem}
.document-paper mark,.invoice-paper mark{background:var(--color-document-mark);color:var(--color-document-ink);box-decoration-break:clone;padding:0 .15rem;border-radius:2px}
.document-rule{display:block;width:90%;height:2px;background:var(--color-document-ink);opacity:.15;margin-top:.5rem}
.document-rule.short{width:60%}
.workspace-data table{width:100%;border-collapse:collapse;font-size:var(--text-small)}
.workspace-data th,.workspace-data td{text-align:left;padding:.7rem .15rem;border-bottom:1px solid var(--color-rule)}
.workspace-data th:last-child,.workspace-data td:last-child{text-align:right}
.workspace-data th{color:var(--color-muted);font-weight:400}
.workspace-data td span{display:block;color:var(--color-muted)}
.workspace-checked{grid-column:1/-1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-deep)}
.checked-symbol{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--color-accent);border-radius:50%;font-size:1.5rem;color:var(--color-accent)}
.workspace-checked strong{display:block;font-size:1rem}
.workspace-checked p{font-size:var(--text-small);color:var(--color-muted);margin-top:.4rem}
.workspace-progress{display:flex;gap:.5rem;align-items:center;justify-content:space-between;font-size:var(--text-small);color:var(--color-muted);margin-top:var(--space-md)}
.workspace-progress span+span::before{content:'→';color:var(--color-accent);margin-right:.5rem}
.premium-example{width:100%;gap:var(--space-sm);align-self:center}
.premium-example .quiet-link{font-size:var(--text-small)}
.photo-scene{position:relative}
.photo-scene>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-md)}
.photo-orders>img{object-position:50% 50%}
.photo-offertes>img{object-position:40% 50%}
.photo-service>img{object-position:45% 50%}
.scene-dossier{position:relative;width:76%;margin:-2rem 1rem 0 auto;padding:var(--space-sm);background:var(--color-surface-deep);border:1px solid var(--color-rule);border-top:2px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:0 14px 24px var(--color-visual-shadow)}
.scene-dossier>strong{display:block;font-size:1.15rem;margin-bottom:.4rem}
.scene-dossier p{font-size:var(--text-small);color:var(--color-muted)}
.photo-scene figcaption{font-size:var(--text-small);color:var(--color-muted);padding:.8rem 0}
.dossier-state{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem;font-size:var(--text-small);margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--color-rule)}
.dossier-state>span{color:var(--color-muted)}
.dossier-state>strong{font-weight:400;text-align:right}
.invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-sm);align-items:start}
.invoice-paper{background:var(--color-document-paper);color:var(--color-document-ink);border-radius:var(--radius-sm);padding:var(--space-sm);box-shadow:0 12px 20px var(--color-visual-shadow)}
.invoice-paper .visual-kicker{color:var(--color-document-ink)}
.invoice-paper>strong{display:block;font-size:1.05rem}
.invoice-paper>p{font-size:var(--text-small);margin-top:.75rem}
.invoice-amount{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;font-size:var(--text-small);padding:.75rem 0;border-bottom:1px solid var(--color-rule)}
.invoice-amount.total{font-weight:600}
.invoice-review{padding-top:var(--space-md)}
.invoice-review>strong{font-size:1.05rem}
.visual-checklist{list-style:none;margin:.6rem 0;padding:0;font-size:var(--text-small)}
.visual-checklist li{display:flex;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--color-rule)}
.visual-checklist li>span{color:var(--color-accent)}
.mail-layout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--space-sm)}
.mail-categories{display:flex;flex-direction:column;gap:.8rem;font-size:var(--text-small);border-right:1px solid var(--color-rule);padding-right:.75rem;color:var(--color-muted)}
.mail-categories strong{color:var(--color-accent);font-weight:400}
.visual-mail-list section{padding:.8rem;border-bottom:1px solid var(--color-rule)}
.visual-mail-list strong{display:block;font-size:1rem;font-weight:500}
.visual-mail-list p{font-size:var(--text-small);color:var(--color-muted);margin-top:.3rem}
.active-message{background:var(--color-surface-deep);border-left:2px solid var(--color-accent)}
.mail-assignment{padding-top:.6rem;margin-top:.6rem;border-top:1px solid var(--color-rule);font-size:var(--text-small);color:var(--color-muted)}
.mail-assignment strong{font-size:var(--text-small);color:var(--color-accent);margin-top:.3rem}
.knowledge-question{display:flex;gap:.7rem;align-items:center;padding:var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface-deep)}
.knowledge-question>span{font-size:1.7rem;color:var(--color-accent)}
.knowledge-question strong{font-size:1rem;font-weight:500}
.knowledge-answer{padding:var(--space-md) 0;border-bottom:1px solid var(--color-rule)}
.knowledge-answer p{font-size:1rem}
.source-marker{color:var(--color-accent);font-weight:500}
.knowledge-sources{padding-top:var(--space-sm)}
.knowledge-sources>div{display:flex;gap:.8rem;padding:.6rem;background:var(--color-surface-deep);margin-top:.5rem;border-left:2px solid var(--color-rule)}
.knowledge-sources p{font-size:var(--text-small);color:var(--color-muted)}
.knowledge-sources strong{color:var(--color-ink);font-weight:500}
.process-visual{width:100%;padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-deep);margin-block:var(--space-md)}
.process-visual ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.process-visual li{position:relative;display:flex;flex-direction:column;gap:.4rem;padding:var(--space-sm);border-top:2px solid var(--color-accent);background:var(--color-surface)}
.process-visual .process-number{font-family:var(--font-display);font-size:1.5rem;color:var(--color-accent)}
.process-visual strong{font-size:1.2rem;font-weight:500}
.process-visual p{font-size:var(--text-small);color:var(--color-muted)}
.process-glyph{align-self:flex-end;color:var(--color-accent);font-size:1.7rem}
.contact-portrait{max-width:360px;margin-inline:auto}
.contact-portrait img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}
.contact-portrait figcaption{padding-top:.8rem;font-size:var(--text-small);color:var(--color-muted)}
.contact-portrait figcaption strong{display:block;color:var(--color-ink);font-size:1.1rem}
.contact-portrait figcaption span{display:block;margin-top:.3rem}
.about-intro .about-portrait{width:min(100%,340px)}
.solution-link{display:flex;flex-direction:column;gap:var(--space-md);padding-block:var(--space-lg)}
.solution-art{width:100%;margin:0}
.solution-summary{width:100%}
.solution-link h2{font-size:1.4rem}
.solution-art .software-scene{min-height:380px}
@media(min-width:64rem){.business-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.intro-composition{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.about-intro .about-composition{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}}
@media(max-width:63.99rem){.intro-visual.rich-visual{width:100%;max-width:720px}.case-grid{grid-template-columns:minmax(0,1fr)}.solution-art .software-scene{min-height:0}.premium-example{padding-top:var(--space-sm)}}
@media(max-width:47.99rem){.software-scene,.order-workspace{padding:var(--space-sm)}.workspace-grid,.invoice-layout{grid-template-columns:minmax(0,1fr)}.workspace-document{margin:0}.workspace-data{margin:0}.workspace-checked{grid-column:auto;align-items:flex-start}.workspace-progress{gap:.25rem}.workspace-progress span+span::before{margin-right:.25rem}.mail-layout{grid-template-columns:minmax(0,1fr)}.mail-categories{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--color-rule);padding:0 0 .7rem;gap:.8rem}.scene-dossier{width:90%;margin:-1rem .5rem 0 auto}.process-visual{padding:var(--space-sm)}.process-visual ol{grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.process-visual li{display:grid;grid-template-columns:40px minmax(0,1fr) 25px;align-items:center;gap:.5rem}.process-visual p{grid-column:2}.process-glyph{grid-column:3;grid-row:1/3;align-self:center}.process-number{grid-row:1/3}.contact-portrait{max-width:320px}}
@media(prefers-reduced-motion:no-preference){.workspace-data{animation:preview-enter var(--dur-reveal) var(--ease-out) 100ms both}.workspace-checked{animation:preview-enter var(--dur-reveal) var(--ease-out) 200ms both}}
@media(prefers-reduced-motion:reduce){.workspace-data,.workspace-checked{animation:none}}