.dot-matrix{background:radial-gradient(circle, #f3f1ed29 1px, transparent 1.5px) 0 0 / 8px 8px, var(--aubergine);position:absolute;inset:0;overflow:hidden}.dot-matrix[data-layout]{background:var(--aubergine)}.dot-matrix canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.dot-matrix-label{z-index:1;color:var(--ash);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;font-size:11px;line-height:1;position:absolute;top:0;left:0}.dot-matrix[data-layout] .dot-matrix-label{opacity:1}
.dossier-hero{grid-template-columns:minmax(var(--gutter),1fr) min(540px,calc((100% - 2 * var(--gutter)) * .45)) min(660px,calc((100% - 2 * var(--gutter)) * .55)) minmax(var(--gutter),1fr);min-height:max(560px,100svh - 65px);padding-block:0;display:grid;overflow-x:clip}.dossier-hero-copy{padding-block:64px;grid-column:2;align-self:center;padding-right:48px}.dossier-hero-lead{color:var(--dim);letter-spacing:-.02em;font-size:clamp(22px,2.3vw,30px);line-height:1.3}.dossier-hero-copy h1{letter-spacing:-.02em;text-wrap:balance;margin-top:12px;font-size:clamp(36px,4vw,48px);line-height:1.1}.dossier-hero-body{max-width:440px;color:var(--charcoal);margin-top:24px;font-size:17px;line-height:1.5}.dossier-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.dossier-hero-visual{--scene-max:660;--scene:min(100%,660px);background:var(--aubergine);isolation:isolate;grid-column:3/5;min-width:0;position:relative;overflow:hidden}.dossier-hero-card{z-index:1;background:var(--white);width:268px;color:var(--ink);pointer-events:none;border:1px solid #ffffffb3;border-radius:14px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid;position:absolute;box-shadow:0 18px 40px -20px #000000b3,0 2px 8px #0000001f}.dossier-hero-card-routed{top:12%;left:calc(var(--scene) - 284px)}.dossier-hero-card-connected{bottom:64px;left:24px}.dossier-hero-card-icon{background:var(--parchment);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--bone);color:var(--ink);border-radius:9px;place-items:center;display:grid}.dossier-hero-card-icon svg{width:16px;height:16px}.dossier-hero-card-routed .dossier-hero-card-icon{background:var(--accent);box-shadow:none}.dossier-hero-card-body{min-width:0;display:grid}.dossier-hero-card-meta{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;line-height:1.4;display:flex}.dossier-hero-card-routed .dossier-hero-card-meta{color:var(--accent-text)}.dossier-hero-card-title{margin-top:4px;font-size:14px;font-weight:700;line-height:1.35}.dossier-hero-card-copy{color:var(--dim);margin-top:2px;font-size:13px;line-height:1.4}.dossier-hero-card-list{border-top:1px solid var(--bone);gap:6px;margin:10px 0 0;padding:8px 0 0;list-style:none;display:grid}.dossier-hero-card-list li{color:var(--charcoal);align-items:center;gap:8px;font-size:13px;line-height:1.3;display:flex}.dossier-hero-card-list svg{width:14px;height:14px;color:var(--dim);flex-shrink:0}.dossier-hero-card-list .dossier-hero-card-check{color:var(--ink);margin-left:auto}.dossier-hero-card .diamond{width:5px;height:5px}.dot-matrix[data-layout=portrait] .dossier-hero-card-routed{top:auto;bottom:calc(100% - var(--win-head));left:min(calc(var(--win-right) - 216px),calc(100% - 280px))}.dot-matrix[data-layout=portrait] .dossier-hero-card-connected{top:max(calc(var(--win-foot) + 4px),calc(100% - var(--win-bottom) - 44px));bottom:auto;left:max(16px,calc(var(--win-left) - 24px))}.dot-matrix[data-layout=band] .dossier-hero-card{right:auto;left:calc(var(--win-right) - 8px)}.dot-matrix[data-layout=band] .dossier-hero-card-routed{top:auto;bottom:calc(100% - var(--win-mid) + 6px)}.dot-matrix[data-layout=band] .dossier-hero-card-connected{top:calc(var(--win-mid) + 6px);bottom:auto}.dot-matrix[data-layout=compact] .dossier-hero-card{display:none}.dossier-hero-caption{z-index:1;background:var(--aubergine);color:var(--ash);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;border-radius:4px;padding:2px 8px;font-size:12px;line-height:1.4;position:absolute;bottom:20px;left:24px}@media (prefers-reduced-motion:no-preference){.dossier-hero-copy>*{animation:dossier-rise .5s var(--ease) backwards}.dossier-hero-copy>:nth-child(2){animation-delay:50ms}.dossier-hero-copy>:nth-child(3){animation-delay:.1s}.dossier-hero-copy>:nth-child(4){animation-delay:.15s}.dossier-hero-visual{animation:dossier-fade .6s var(--ease) backwards}.dossier-hero-card{animation:dossier-rise .5s var(--ease) .25s backwards}.dossier-hero-card-connected{animation-delay:.35s}.dot-matrix[data-routed] .dossier-hero-card-routed:after{content:"";border:1.5px solid var(--accent);border-radius:inherit;pointer-events:none;animation:dossier-ping 1.1s var(--ease) both;position:absolute;inset:-1px}.dot-matrix[data-routed] .dossier-hero-card-routed .diamond{animation:dossier-diamond .6s var(--ease)}}@keyframes dossier-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes dossier-fade{0%{opacity:0}}@keyframes dossier-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes dossier-diamond{40%{transform:rotate(45deg)scale(1.9)}}@media (max-width:960px){.dossier-hero{grid-template-columns:var(--gutter) minmax(0,1fr) var(--gutter);grid-template-rows:auto 1fr}.dossier-hero-copy{max-width:620px;padding:56px 0 48px}.dossier-hero-visual{--scene-max:100000;--scene:100%;grid-column:1/-1;min-height:320px}.dossier-hero-card-routed{left:auto;right:var(--gutter)}.dossier-hero-card-connected,.dossier-hero-caption{left:var(--gutter)}}@media (max-width:600px){.dossier-hero-copy{padding:40px 0}.dossier-hero-actions .button-primary,.dossier-hero-actions .button-ghost{flex:auto}.dossier-hero-visual{min-height:300px}.dossier-hero-card{width:240px}.dossier-hero-card-routed{top:16px;right:16px}.dossier-hero-card-connected{display:none}.dossier-hero-caption{bottom:16px;left:16px}}
.solutions-heading-row{justify-content:space-between;align-items:end;gap:48px;display:flex}.solutions-heading-row .section-heading{max-width:620px;margin-top:24px}.solutions-heading-row>p{max-width:280px;color:var(--dim);padding-bottom:4px;font-size:15px;line-height:1.5}.solutions-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:64px;margin-top:48px;display:grid}.solution-option{border:0;border-top:1px solid var(--bone);width:100%;color:var(--ink);text-align:left;background:0 0;padding:24px 0 24px 24px;display:block;position:relative}.solution-option:last-child{border-bottom:1px solid var(--bone)}.solution-option:before{content:"";background:var(--accent);transform-origin:top;width:2px;transition:transform .25s var(--ease);position:absolute;top:24px;bottom:24px;left:0;transform:scaleY(0)}.solution-option[aria-selected=true]:before{transform:scaleY(1)}.solution-option:focus-visible{outline-offset:-2px}.solution-option-title{align-items:baseline;gap:16px;display:flex}.solution-number{color:var(--dim);letter-spacing:.1em;font-size:12px}.solution-option h3{font-size:20px;line-height:1.4}.solution-option h3:after{content:attr(data-text);visibility:hidden;height:0;font-weight:700;display:block;overflow:hidden}.solution-option-title>svg{color:var(--dim);transition:transform .25s var(--ease),color .25s var(--ease);align-self:center;margin-left:auto}.solution-option p{max-width:420px;color:var(--dim);margin:8px 36px 0 34px;font-size:15px;line-height:1.5}.solution-option:hover .solution-option-title>svg{color:var(--ink)}.solution-option[aria-selected=true] .solution-number{color:var(--accent-text)}.solution-option[aria-selected=true] h3{font-weight:700}.solution-option[aria-selected=true] .solution-option-title>svg{color:var(--ink);transform:rotate(45deg)}.solution-option[aria-selected=true] p{color:var(--charcoal)}.solutions-figure{min-width:0;padding-bottom:32px;position:relative}.solutions-figure>.fig-caption{z-index:1;background:var(--white);pointer-events:none;border-radius:4px;padding:2px 6px;position:absolute;top:17px;left:17px}.solutions-visual{border:1px solid var(--ink);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='32'%3E%3Cpath d='M0 0L56 32M0 32L56 0' fill='none' stroke='%23d8d4d4' stroke-opacity='.7'/%3E%3C/svg%3E") 0 0 / 56px 32px;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:64px 40px;display:flex;position:relative}.solutions-visual[hidden]{display:none}.solutions-visual:focus-visible{outline-offset:3px}.solutions-alert{z-index:1;width:250px;position:absolute;bottom:-32px;right:24px}.solution-mini-app{border:1px solid var(--ink);background:var(--white);border-radius:4px;width:100%;max-width:400px;padding:20px;font-size:12px}.mini-app-heading{border-bottom:1px solid var(--bone);justify-content:space-between;align-items:center;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.mini-app-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.mini-app-metrics div{border:1px solid var(--bone);border-radius:4px;padding:12px}.mini-app-metrics small{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:11px;display:block}.mini-app-metrics strong{letter-spacing:-.02em;margin-top:4px;font-size:28px;font-weight:400;line-height:1.2;display:block}.mini-app-row{border-bottom:1px solid var(--bone);align-items:center;gap:10px;padding:10px 0;display:flex}.mini-app-row:last-child{border-bottom:0;padding-bottom:0}.mini-app-row>span:last-child{margin-left:auto}.wire-tag{border:1px solid var(--bone);color:var(--dim);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:11px;line-height:1.4}.mini-app-row>.wire-tag:first-child{margin-left:0}.automation-nodes{flex-direction:column;align-items:stretch;padding:16px;display:flex}.automation-node{border:1px solid var(--ink);background:var(--white);border-radius:4px;align-items:center;gap:12px;padding:12px;display:flex}.automation-node strong{font-size:13px;font-weight:700;display:block}.automation-node small{color:var(--dim);margin-top:2px;font-size:11px;display:block}.automation-nodes>svg{color:var(--dim);align-self:center;margin:8px}.mini-product-greeting{margin-top:16px;font-size:17px;font-weight:700}.mini-product-description{color:var(--dim);margin-top:4px}.mini-product-progress{border:1px solid var(--ink);border-radius:100px;height:6px;margin-block:16px 4px;overflow:hidden}.mini-product-progress i{background:var(--ink);width:66%;height:100%;display:block}.solution-build{width:100%;max-width:400px;position:relative}.solution-draft{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.solution-draft-sheet{position:absolute;inset:0}.solution-draft-sheet>.solution-mini-app{border-style:dashed;border-color:var(--dim);background:radial-gradient(circle,var(--bone) .6px,transparent 1px) 0 0 / 8px 8px,var(--white);height:100%}.solution-draft .solution-mini-app *{color:#0000;background:0 0}.solution-draft :is(.mini-app-metrics div,.wire-tag,.automation-node,.mini-product-progress){border-style:dashed;border-color:var(--ash)}.solution-draft :is(.mini-app-heading,.mini-app-row){border-bottom-style:dashed;border-bottom-color:var(--ash)}.solution-draft .solution-mini-app :is(strong,small,span,p),.solution-draft .mini-product-progress i{background:repeating-linear-gradient(-45deg,var(--bone) 0 1px,transparent 1px 4px);border-radius:2px}.solution-draft .solution-mini-app svg{color:var(--ash);stroke-dasharray:2 2}.solution-draft .solution-mini-app svg *{color:inherit}.solution-draft:after{content:"";background:var(--accent);height:1px;position:absolute;inset:0 0 auto}.solution-draft-label{background:var(--white);color:var(--accent-text);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;align-items:center;gap:6px;padding:1px 6px;font-size:10px;line-height:1.4;display:inline-flex;position:absolute;top:3px;right:6px}.solution-draft-label .diamond{width:5px;height:5px}@media (prefers-reduced-motion:no-preference){.solution-draft{display:block}.solution-draft[data-state=build]{animation:1s cubic-bezier(.65,0,.35,1) .2s both solution-plot}.solution-draft[data-state=build] .solution-draft-sheet{animation:1s cubic-bezier(.65,0,.35,1) .2s both solution-plot-hold}.solution-draft[data-state=build]:after,.solution-draft[data-state=build] .solution-draft-label{animation:1s linear .2s both solution-plot-fade}.solutions-visual[data-build=armed] .solutions-alert{opacity:0}.solutions-visual[data-build=build] .solutions-alert{animation:solution-alert-in .35s var(--ease) .75s backwards}}@keyframes solution-plot{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes solution-plot-hold{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes solution-plot-fade{0%,75%{opacity:1}95%,to{opacity:0}}@keyframes solution-alert-in{0%{opacity:0;transform:translateY(8px)}}.solution-mini-app{--ref-inset:21px}.solution-mini-app.automation-nodes{--ref-inset:17px}.solutions-visual [data-ref]{position:relative}.solution-legend{display:none}@media (min-width:1101px){.solutions-visual{min-height:480px}.solutions-visual [data-ref]:before{content:"";width:calc(var(--ref-inset) + 18px);border-top:1px solid var(--ash);position:absolute;top:50%;right:100%}.solutions-visual [data-ref]:after{content:attr(data-ref);top:50%;right:calc(100% + var(--ref-inset) + 22px);color:var(--dim);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:11px;line-height:1;position:absolute;transform:translateY(-50%)}.solution-legend{background:var(--white);max-width:400px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:14px 0 0;padding:2px 6px;font-size:11px;line-height:1.4;display:flex}.solution-legend div{gap:6px;display:flex}.solution-legend dt{color:var(--ink);font-variant-numeric:tabular-nums}.solution-legend dd{margin:0}}.solution-draft [data-ref]:before,.solution-draft [data-ref]:after{content:none}@media (max-width:1100px){.solutions-grid{gap:40px}.solutions-figure{padding-bottom:0}.solutions-visual{padding:56px 24px 24px}.solutions-alert{align-self:flex-end;margin-top:16px;position:static}}@media (max-width:850px){.solutions-heading-row{flex-direction:column;align-items:flex-start;gap:16px}.solutions-grid{grid-template-columns:1fr;gap:32px;margin-top:32px}.solution-option[aria-selected=false] p{display:none}.solutions-figure>.fig-caption{background:0 0;margin-top:12px;padding:0;position:static}.solutions-visual{background:0 0;border:0;border-radius:0;align-items:stretch;min-height:0;padding:0}.solution-build,.solution-mini-app{max-width:none}}@media (max-width:600px){.solution-option{padding-left:16px}.solution-option p{margin-left:0;margin-right:0}.solutions-alert{align-self:stretch;width:auto;max-width:none}}