.clip{display:flex;flex-direction:column;gap:22px}.clip figcaption{order:-1;display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap}.clip figcaption b{font-size:20px;font-weight:700;letter-spacing:-.02em}.clip figcaption span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.clip-win{background:var(--card);border-radius:16px 16px 0 0;box-shadow:0 30px 60px -30px #0f111559;overflow:hidden}.clip-bar{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-bottom:1px solid var(--line)}.clip-bar>i{width:9px;height:9px;border-radius:50%;background:var(--paper-2)}.clip-bar>span{margin-left:10px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}.clip-replay{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--ink-2);padding:6px 10px;border-radius:8px}.clip-replay:hover{background:var(--paper)}.clip-replay:focus-visible{outline:2px solid var(--iris);outline-offset:2px}.clip-body{padding:28px;min-height:380px}.clip{--speed: .7}.clip.is-armed .k,.clip.is-playing .k{animation:var(--k, k-up) calc(var(--t, .6s) * var(--speed)) var(--ease) calc(var(--d, 0s) * var(--speed)) both}.clip.is-armed .k{animation-play-state:paused}.cl-ghost{opacity:0;visibility:hidden}.clip.is-armed .cl-ghost,.clip.is-playing .cl-ghost{visibility:visible}@keyframes k-up{0%{opacity:0;transform:translateY(10px)}}@keyframes k-pop{0%{opacity:0;transform:scale(.6)}}@keyframes k-fill{0%{transform:scaleX(0)}}@keyframes k-draw{0%{stroke-dashoffset:100}}@keyframes k-blip{0%{opacity:0;transform:translateY(8px)}12%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.cl-lbl{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cl-mono{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.cl-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}.cl-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.cl-vehicle{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.cl-vin b{display:block;margin-top:6px;font-family:var(--mono);font-size:22px;letter-spacing:.02em}.cl-vin small{color:var(--muted);font-size:14px}.cl-time{position:relative;display:grid;gap:14px;padding-left:26px}.cl-time:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--line)}.cl-time li{position:relative;display:grid}.cl-time b{font-size:15.5px;font-weight:650}.cl-time span{color:var(--muted);font-size:14px}.cl-dot{position:absolute;left:-25px;top:6px;width:13px;height:13px;border-radius:50%;border:3px solid var(--card);background:currentColor}.cl-dot.t-ocean{color:var(--ocean)}.cl-dot.t-iris{color:var(--iris)}.cl-dot.t-apricot{color:var(--apricot)}.cl-plan{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:12px 0 8px}.cl-plan i{height:22px;border-radius:5px;background:var(--paper);border:1px dashed var(--line)}.cl-plan i.paid{background:var(--ocean);border:0}.cl-box small{color:var(--muted);font-size:13.5px}.cl-qr{display:flex;align-items:center;gap:16px}.cl-qrsvg{width:84px;height:84px;flex:none;color:var(--ink)}.cl-qr b{display:block;font-size:16px}.cl-sync{display:grid}.cl-sync>span{grid-area:1 / 1;justify-self:start;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px}.cl-off{background:var(--apricot-soft);color:var(--apricot-ink)}.cl-on{background:var(--ocean-soft);color:var(--ocean)}.cl-desk{display:grid;grid-template-columns:1.6fr 1fr;gap:28px}.cl-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cl-lane{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:var(--paper);min-width:0}.cl-slot{height:104px;border-radius:10px}.cl-slot.is-empty{border:1px dashed rgba(15,17,21,.16)}.cl-ticket{height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 22px -16px #0f111580}.cl-slot.is-empty .cl-ticket{margin:-1px;height:calc(100% + 2px)}.cl-ticket b{font-size:13.5px;line-height:1.3;font-weight:650}.cl-ticket .pill{margin-top:auto;font-size:10.5px}.cl-fill{display:grid;align-content:center;gap:7px;height:58px;padding:0 12px;border-radius:10px;background:#ffffffa6;border:1px solid var(--line-2)}.cl-fill i{height:6px;width:80%;border-radius:3px;background:#0f11151a}.cl-fill i+i{width:50%}.cl-log{display:grid;align-content:start;gap:14px;padding-top:26px}.cl-log li{display:flex;gap:12px;font-size:15px;line-height:1.45}.cl-log i{flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--ocean)}.cl-ace{display:grid;grid-template-columns:.85fr .7fr 1.9fr;gap:22px;align-items:start}.cl-form{display:grid;gap:10px}.cl-form div{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line-2);font-size:14.5px}.cl-form div span{color:var(--muted)}.cl-form div b{font-family:var(--mono);font-weight:500}.cl-calc{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:6px}.cl-calc .cl-lbl{margin-bottom:4px}.cl-chip{font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:9px;background:var(--apricot-soft);color:var(--apricot-ink)}.cl-sheet{position:relative;padding:14px 14px 18px;background:#fff;border-radius:6px;box-shadow:0 18px 40px -24px #0f111573}.cl-grid{margin-top:10px;display:grid;grid-template-columns:repeat(6,1fr);border:1px dashed rgba(15,17,21,.25)}.cl-grid>i{aspect-ratio:4.3 / 5.8;border:1px dashed rgba(15,17,21,.18);display:flex;flex-direction:column;gap:4px;padding:8px 7px}.cl-grid>i.tem{background:#fffaf3}.cl-grid b{display:block;height:4px;border-radius:2px;background:#8f531c59}.cl-grid b:nth-child(2){width:70%}.cl-grid b:nth-child(3){width:45%;background:#0f111540}.cl-tem{position:absolute;right:-10px;bottom:-12px;width:46%;max-width:210px;display:grid;gap:3px;padding:12px 14px;background:#fff;border:1px solid rgba(15,17,21,.18);border-radius:8px;box-shadow:0 20px 40px -18px #0f111573;font-family:var(--mono);font-size:12px}.cl-tem span{padding-bottom:3px;border-bottom:1px solid var(--line-2)}.cl-tem .on{color:var(--apricot-ink);font-weight:600}.cl-chat{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}.cl-thread{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;border-radius:14px;background:var(--paper)}.cl-msg{max-width:86%;padding:10px 14px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid var(--line-2)}.cl-msg span{display:block;font-size:12px;font-weight:600;color:var(--muted)}.cl-msg p{font-size:15px;line-height:1.45}.cl-msg.me{align-self:flex-end;border-radius:14px 14px 4px;background:var(--iris-soft)}.cl-msg.me span{color:var(--iris-ink)}.cl-msg.bot{background:var(--ink);border-color:var(--ink);color:#fff}.cl-msg.bot span{color:var(--mint)}.cl-done{font-size:14px;font-weight:600;color:var(--ocean)}.cl-extract{display:grid;gap:12px}.cl-extract div{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line-2);font-size:15px}.cl-extract div span{color:var(--muted)}.cl-extract .pill{justify-self:start}.cl-pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cl-pipe li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--paper);font-size:14px;font-weight:600}.cl-pipe i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--apricot-ink)}.cl-sig{margin-top:18px;display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.cl-chart{position:relative;min-height:280px;padding:18px}.cl-chart svg{width:100%;height:100%;position:absolute;inset:0;padding:18px;overflow:visible}.cl-chart line{stroke:var(--line);stroke-width:1}.cl-chart polyline{fill:none;stroke:var(--apricot);stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:100}.cl-mark{fill:var(--ocean);stroke:#1b62652e;stroke-width:10;paint-order:stroke;transform-box:fill-box;transform-origin:center}.cl-card{display:flex;flex-direction:column;gap:10px}.cl-head{display:flex;justify-content:space-between;align-items:center}.cl-head b{font-family:var(--mono);font-size:17px}.cl-bar{height:10px;border-radius:5px;background:var(--paper);overflow:hidden}.cl-bar i{display:block;width:64%;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--apricot),var(--ocean));transform-origin:0 50%}.cl-row{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--line-2);font-size:14.5px}.cl-row span{color:var(--muted)}.cl-row b{font-family:var(--mono);font-weight:500}.clip-dark .clip-win{background:var(--night-2);color:#e9ecef}.clip-dark .clip-bar{border-color:#ffffff14}.clip-dark .clip-bar>i{background:#ffffff1f}.clip-dark .clip-bar>span,.clip-dark .clip-replay{color:#ffffffa6}.clip-dark .clip-replay:hover{background:#ffffff0f}.clip-dark figcaption{color:#fff}.clip-dark figcaption span{color:#ffffffb3}.cl-agents{display:grid;gap:6px}.cl-agents li{display:grid;grid-template-columns:34px 130px 1fr 24px;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#ffffff08;font-size:15px}.cl-agents .cl-mono{color:#ffffff9e}.cl-agents b{font-weight:600;color:var(--mint)}.cl-agents .is-human b{color:#fff}.cl-agents .is-ok b,.cl-agents .is-warn b{color:#fffc}.cl-agents li>i{font-style:normal;text-align:center;color:#ffffff59}.cl-agents .is-ok>i{color:var(--mint)}.cl-agents .is-warn>i{color:#f3b37a}.cl-agents .is-human{background:#7be8c814}@media(max-width:1100px){.clip-body{padding:22px}.cl-ace{grid-template-columns:1fr 1fr}.cl-sheet{grid-column:1 / -1}.cl-desk{grid-template-columns:1fr}.cl-vehicle{grid-template-columns:1fr 1fr;gap:20px}.cl-qrsvg{width:64px;height:64px}.cl-pipe{display:flex;flex-wrap:wrap}.cl-pipe li{flex:1 1 auto;white-space:nowrap}.cl-log{padding-top:0}}@media(max-width:760px){.proof.clip{gap:16px;padding:22px 14px 0}.clip figcaption{padding:0 6px}.clip figcaption b{font-size:18px}.clip-win{border-radius:14px 14px 0 0}.clip-body{padding:18px 16px 22px;min-height:0}.cl-vehicle,.cl-chat,.cl-sig{grid-template-columns:1fr;gap:18px}.cl-vin b{font-size:18px}.cl-board{grid-template-columns:1fr;gap:8px}.cl-lane{flex-direction:row;align-items:center;padding:8px}.cl-lane>.cl-lbl{flex:none;width:74px;margin:0}.cl-slot{flex:1;height:84px;min-width:0}.cl-lane .cl-fill{display:none}.cl-ticket{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:0}.cl-ticket .cl-mono{grid-column:1}.cl-ticket b{grid-column:1 / -1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cl-ticket .pill{grid-column:2;grid-row:1;margin:0}.cl-lane{padding:8px}.cl-ticket b{font-size:13px}.cl-ace{grid-template-columns:1fr}.cl-calc{flex-direction:row;flex-wrap:wrap}.cl-calc .cl-lbl{width:100%}.cl-sheet{padding:10px 10px 14px}.cl-tem{position:relative;right:auto;bottom:auto;width:auto;max-width:none;margin-top:12px}.cl-chart{min-height:200px}.cl-agents li{grid-template-columns:24px 1fr 18px;grid-template-areas:"n who ok" "n what ok";row-gap:2px;column-gap:10px;font-size:14px}.cl-agents li>.cl-mono{grid-area:n}.cl-agents li>b{grid-area:who}.cl-agents li>span:not(.cl-mono){grid-area:what}.cl-agents li>i{grid-area:ok}}.page-case{padding:140px 0 0}.crumb{font-size:14px;color:var(--muted)}.crumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.crumb b{color:var(--ink);font-weight:600}.case-title{display:grid;grid-template-columns:1fr 380px;gap:64px;align-items:end;margin-top:30px}.case-title h1{font-size:88px}.case-title h1 small{display:block;font-size:34px;letter-spacing:-.03em;line-height:1.15;font-weight:700;color:var(--ink-2);margin-top:18px;text-wrap:balance}.case-title .tags{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.facts{border-top:1px solid var(--line)}.facts div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}.facts dt{color:var(--muted);flex:none}.facts dd{font-weight:600;text-align:right}.metrics{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff;border-radius:26px;overflow:hidden}.metrics div{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:30px 32px}.metrics div+div{border-left:1px solid rgba(255,255,255,.1)}.metrics dd{font-size:56px;font-weight:800;letter-spacing:-.045em;line-height:1}.metrics dt{margin-top:10px;color:#fff9;font-size:15px}.proof{margin-top:20px;position:relative;border-radius:26px;background:linear-gradient(160deg,var(--iris-soft),var(--ocean-soft));padding:48px 48px 0;overflow:hidden}.proof-apricot{background:linear-gradient(160deg,var(--apricot-soft),var(--iris-soft))}.proof-ocean{background:linear-gradient(160deg,var(--ocean-soft),var(--paper-2))}.proof-mint{background:linear-gradient(160deg,#15201d,var(--night))}.proof .redact{right:64px;top:64px;bottom:auto;font-size:10.5px;padding:5px 10px;border-radius:7px}.ba{margin-top:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:18px}.ba>div{padding:24px 26px;border-radius:20px}.ba .label{display:block;margin-bottom:10px}.ba p{font-size:18px;line-height:1.5}.ba-before{border:1px dashed rgba(15,17,21,.2);color:var(--ink-2)}.ba-after{background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -30px #0f111573}.ba-after p{font-weight:600;color:var(--ink)}.ba-ocean{border-top:3px solid var(--ocean)}.ba-iris{border-top:3px solid var(--iris)}.ba-apricot{border-top:3px solid var(--apricot)}.ba-mint{border-top:3px solid var(--ocean)}.ba-arrow{align-self:center;font-size:26px;color:var(--muted)}.story-row{margin-top:96px;display:grid;grid-template-columns:280px 1fr;gap:64px}.story-row+.story-row{margin-top:64px;padding-top:64px;border-top:1px solid var(--line)}.story-row h2{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.2}.story-row p{font-size:19px;line-height:1.65;color:var(--ink-2);max-width:720px;text-wrap:pretty}.case-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;max-width:760px}.case-mods div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.case-mods b{display:block;font-size:16px}.case-mods span{display:block;font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.45;text-wrap:pretty}.next{margin-top:120px;border-top:1px solid var(--line);padding:48px 0 96px;display:flex;justify-content:space-between;align-items:center;gap:24px}.next b{display:block;font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-top:8px;text-wrap:balance}.next .arrow{flex:none;width:72px;height:72px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:24px;transition:transform .35s var(--ease)}.next:hover .arrow{transform:translate(6px)}@media(max-width:1100px){.case-title{grid-template-columns:1fr;gap:36px}.facts{max-width:560px}.story-row{grid-template-columns:200px 1fr;gap:40px}.case-mods{grid-template-columns:1fr 1fr}.proof{padding:32px 32px 0}.proof .win-body{grid-template-columns:160px 1fr}}@media(max-width:760px){.page-case{padding-top:96px}.case-title{gap:28px;margin-top:20px}.case-title h1{font-size:54px}.case-title h1 small{font-size:22px;margin-top:12px}.metrics{grid-template-columns:1fr;margin-top:36px;border-radius:22px}.metrics div{padding:20px 22px;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:14px}.metrics div+div{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.metrics dd{font-size:36px}.metrics dt{margin-top:0;font-size:14px}.proof{padding:24px 0 0 20px;border-radius:22px}.proof .win{border-radius:12px 0 0}.proof .win-body{grid-template-columns:1fr;height:300px}.proof .win-side{display:none}.proof .win-kp{grid-template-columns:1fr 1fr}.proof .win-tbl>div{grid-template-columns:1.3fr 1fr .9fr}.proof .win-tbl>div>:nth-child(n+4){display:none}.proof .redact{right:14px;top:34px}.ba{grid-template-columns:1fr;gap:8px}.ba>div{padding:20px}.ba p{font-size:16.5px}.ba-arrow{justify-self:center;transform:rotate(90deg);font-size:22px}.story-row{grid-template-columns:1fr;gap:14px;margin-top:64px}.story-row+.story-row{margin-top:40px;padding-top:40px}.story-row h2{font-size:24px}.story-row p{font-size:16.5px}.case-mods{gap:10px}.case-mods div{padding:14px}.next{margin-top:72px;padding-bottom:64px}.next b{font-size:26px}.next .arrow{width:54px;height:54px}}
