.inv-feature__panel:has(.inv-demo){min-height:0;padding-block:40px}.inv-features:has(.inv-demo){gap:64px;padding-block:48px 56px}.inv-feature__shot:has(.inv-demo){aspect-ratio:auto;background:radial-gradient(ellipse 60% 50% at 70% 30%, color-mix(in oklch, var(--chart-2) 10%, transparent), transparent 60%), var(--background);height:auto;min-height:0;padding:10px;display:block}.brand-split__media .inv-feature__shot:has(.inv-demo){min-height:0}.brand-canvas__stage .inv-demo{height:340px}.inv-demo__banner{background:color-mix(in oklch, var(--chart-2) 12%, transparent);border:1px solid color-mix(in oklch, var(--chart-2) 28%, transparent);color:var(--chart-3);border-radius:8px;margin:0;padding:6px 10px;font-size:11px;font-weight:600}.inv-demo__banner--warn{background:color-mix(in oklch, var(--foreground) calc(.06 * 100%), transparent);border-color:color-mix(in oklch, var(--foreground) calc(.12 * 100%), transparent);color:color-mix(in oklch, var(--foreground) calc(.72 * 100%), transparent)}.inv-demo__route{color:color-mix(in oklch, var(--foreground) calc(.55 * 100%), transparent);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.inv-demo__route strong{color:var(--chart-3);font-weight:650}.inv-demo__lanes{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0;display:grid}.inv-demo__lane{border:1px solid color-mix(in oklch, var(--foreground) calc(.1 * 100%), transparent);background:var(--background);border-radius:10px;flex-direction:column;gap:6px;min-height:0;padding:8px;display:flex}.inv-demo__lane-title{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--foreground) calc(.45 * 100%), transparent);margin:0;font-size:10px;font-weight:650}.inv-demo__lane-card{border:1px solid color-mix(in oklch, var(--foreground) calc(.1 * 100%), transparent);color:var(--foreground);background:#fff;border-radius:8px;margin:0;padding:8px;font-size:12px;line-height:1.35}.inv-demo__field{border:1px solid color-mix(in oklch, var(--foreground) calc(.14 * 100%), transparent);background:var(--background);width:100%;color:var(--foreground);font:inherit;border-radius:10px;outline:none;padding:10px;font-size:13px}.inv-demo__field:focus{border-color:color-mix(in oklch, var(--chart-2) 65%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--chart-2) 16%, transparent);background:#fff}.inv-demo__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.inv-demo__list li{border:1px solid color-mix(in oklch, var(--foreground) calc(.1 * 100%), transparent);background:var(--background);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.35}.inv-demo__list li.is-on{background:color-mix(in oklch, var(--chart-2) 14%, transparent);border-color:color-mix(in oklch, var(--chart-2) 35%, transparent)}.inv-demo__toggle-row{border:1px solid color-mix(in oklch, var(--foreground) calc(.1 * 100%), transparent);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.inv-demo__toggle-row strong{font-size:13px;display:block}.inv-demo__toggle-row span{color:color-mix(in oklch, var(--foreground) calc(.55 * 100%), transparent);font-size:11px}.inv-demo__switch{background:color-mix(in oklch, var(--foreground) calc(.18 * 100%), transparent);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:36px;height:20px;position:relative}.inv-demo__switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.inv-demo__switch.is-on{background:var(--chart-2)}.inv-demo__switch.is-on:after{transform:translate(16px)}.inv-demo__switch:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.inv-demo__switch:after{transition:none}}.inv-demo{width:100%;height:340px;color:var(--foreground);border:1px solid color-mix(in oklch, var(--foreground) calc(.12 * 100%), transparent);border-radius:var(--tn-card-radius,1rem);box-shadow:0 0 60px -12px color-mix(in oklch, var(--chart-2) 18%, transparent);font-family:var(--font-tn-body), Manrope, system-ui, sans-serif;background:#fff;flex-direction:column;display:flex;position:relative;inset:auto;overflow:hidden}.inv-demo__chrome{border-bottom:1px solid color-mix(in oklch, var(--foreground) calc(.08 * 100%), transparent);background:#fff;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.inv-demo__chrome>span{background:color-mix(in oklch, var(--foreground) calc(.14 * 100%), transparent);border-radius:50%;width:8px;height:8px}.inv-demo__chrome>span:first-child{background:#ff5f57}.inv-demo__chrome>span:nth-child(2){background:#febc2e}.inv-demo__chrome>span:nth-child(3){background:#28c840}.inv-demo__app{color:var(--foreground);letter-spacing:-.01em;margin:0 0 0 4px;font-size:14px;font-weight:600}.inv-demo__body{background:#fff;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 12px 12px;display:flex;overflow:auto}.inv-demo__title{font-family:var(--font-tn-display), Syne, sans-serif;letter-spacing:-.03em;color:var(--foreground);margin:0;font-size:17px;font-weight:700}.inv-demo__muted{color:color-mix(in oklch, var(--foreground) calc(.62 * 100%), transparent);margin:0;font-size:13px;line-height:1.45}.inv-demo__muted strong{color:var(--foreground);font-weight:650}.inv-demo__hint{color:color-mix(in oklch, var(--foreground) calc(.45 * 100%), transparent);margin:0;font-size:11px}.inv-demo__bubble{border-radius:12px;max-width:85%;margin:0;padding:10px 14px;font-size:13.5px;line-height:1.45}.inv-demo__bubble--ai{background:var(--background);border:1px solid color-mix(in oklch, var(--foreground) calc(.1 * 100%), transparent);color:color-mix(in oklch, var(--foreground) calc(.78 * 100%), transparent);border-bottom-left-radius:6px;align-self:flex-start}.inv-demo__bubble--you{background:var(--chart-2);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.inv-demo__agent{color:var(--chart-3);font-weight:650}.inv-demo__chips,.inv-demo__filters{flex-wrap:wrap;gap:8px;display:flex}.inv-demo__chip{border:1px solid color-mix(in oklch, var(--foreground) calc(.14 * 100%), transparent);color:color-mix(in oklch, var(--foreground) calc(.72 * 100%), transparent);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:550}.inv-demo__chip:hover{border-color:color-mix(in oklch, var(--chart-2) 55%, transparent);background:color-mix(in oklch, var(--chart-2) 6%, transparent);color:var(--foreground)}.inv-demo__chip.is-on{background:color-mix(in oklch, var(--chart-2) 18%, transparent);border-color:color-mix(in oklch, var(--chart-2) 35%, transparent);color:var(--foreground);font-weight:650}.inv-demo__toolbar{flex-direction:column;gap:10px;display:flex}.inv-demo__privacy{background:var(--background);border:1px solid color-mix(in oklch, var(--foreground) calc(.08 * 100%), transparent);color:color-mix(in oklch, var(--foreground) calc(.62 * 100%), transparent);border-radius:8px;margin:0;padding:7px 10px;font-size:11px;line-height:1.35}.inv-demo__privacy strong{color:var(--foreground)}.inv-demo__table-wrap{border:1px solid color-mix(in oklch, var(--foreground) calc(.1 * 100%), transparent);background:#fff;border-radius:12px;overflow:hidden}.inv-demo__table{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.inv-demo__thead{background:var(--background);border-bottom:1px solid color-mix(in oklch, var(--foreground) calc(.08 * 100%), transparent);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--foreground) calc(.45 * 100%), transparent);grid-template-columns:minmax(100px,1.1fr) 72px 1.4fr;gap:8px;padding:8px 12px;font-size:10px;font-weight:650;display:grid}.inv-demo__table>li{border-bottom:1px solid color-mix(in oklch, var(--foreground) calc(.06 * 100%), transparent)}.inv-demo__table>li:last-child{border-bottom:0}.inv-demo__row{text-align:left;width:100%;color:inherit;cursor:pointer;background:#fff;border:0;grid-template-columns:minmax(100px,1.1fr) 72px 1.4fr;align-items:center;gap:8px;padding:7px 10px;display:grid}.inv-demo__row:hover{background:var(--muted)}.inv-demo__row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.inv-demo__row-main strong{display:none}.inv-demo__row-main span{color:color-mix(in oklch, var(--foreground) calc(.62 * 100%), transparent);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.inv-demo__pill{background:var(--background);border:1px solid color-mix(in oklch, var(--foreground) calc(.1 * 100%), transparent);width:fit-content;max-width:100%;color:color-mix(in oklch, var(--foreground) calc(.72 * 100%), transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.inv-demo__pill--reply{color:#9a7400;background:#ffc10733;border-color:#0000}.inv-demo__pill--meeting{color:#426bff;background:#426bff29;border-color:#0000}.inv-demo__pill--ignore{background:var(--background);color:color-mix(in oklch, var(--foreground) calc(.5 * 100%), transparent);border-color:#0000}.inv-demo__pill--task{background:color-mix(in oklch, var(--chart-2) 20%, transparent);color:var(--chart-3);border-color:#0000}.inv-demo__detail{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.inv-demo__back{color:var(--chart-3);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;font-weight:600}.inv-demo__label{color:color-mix(in oklch, var(--foreground) calc(.55 * 100%), transparent);font-size:12px;font-weight:600}.inv-demo__draft{resize:vertical;border:1px solid color-mix(in oklch, var(--foreground) calc(.14 * 100%), transparent);background:var(--background);width:100%;min-height:72px;color:var(--foreground);font:inherit;border-radius:10px;outline:none;padding:10px;font-size:13px;line-height:1.4}.inv-demo__draft:focus{border-color:color-mix(in oklch, var(--chart-2) 65%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--chart-2) 16%, transparent);background:#fff}.inv-demo__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;display:flex}.inv-demo__btn{border-radius:var(--tn-btn-radius,1.5rem);background:var(--foreground);color:#fff;cursor:pointer;border:0;padding:8px 12px;font-size:12.5px;font-weight:650}.inv-demo__btn:not(.inv-demo__btn--ghost){color:#fff!important}.inv-demo__btn:hover{background:var(--inv-btn-hover)}.inv-demo__btn:disabled{opacity:.4;cursor:not-allowed}.inv-demo__btn--ghost{border:1px solid color-mix(in oklch, var(--foreground) calc(.16 * 100%), transparent);border-radius:var(--tn-btn-radius,1.5rem);background:#fff;color:var(--foreground)!important}.inv-demo__btn--ghost:hover{background:var(--muted);color:var(--foreground)!important}.tn-site a.inv-demo__btn--ghost,.tn-site a.inv-demo__btn--ghost:hover{color:var(--foreground)!important}.inv-demo__cta{border-radius:var(--tn-btn-radius,1.5rem);background:var(--foreground);justify-content:center;align-items:center;width:fit-content;padding:8px 12px;font-size:12.5px;font-weight:650;text-decoration:none;display:inline-flex;color:#fff!important}.inv-demo__body>.inv-demo__cta{margin-top:auto}.inv-demo__cta:hover{background:var(--inv-btn-hover)}.inv-demo__composer{align-items:center;gap:8px;margin-top:auto;padding-top:2px;display:flex}.inv-demo__composer-hint{background:var(--background);border:1px solid color-mix(in oklch, var(--foreground) calc(.1 * 100%), transparent);color:color-mix(in oklch, var(--foreground) calc(.45 * 100%), transparent);border-radius:10px;flex:1;margin:0;padding:10px 12px;font-size:12.5px}.inv-demo__send{background:var(--chart-2);color:#fff;cursor:default;border:0;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:14px;display:grid}@media (max-width:700px){.inv-feature__shot:has(.inv-demo){padding:8px}.inv-demo{height:auto;min-height:280px}.inv-demo__body{padding:10px}.inv-demo__title{font-size:16px}.inv-demo__chips{flex-wrap:wrap;gap:8px;display:flex}.inv-demo__chip{text-align:center;flex:calc(50% - 8px);min-width:0}.inv-demo__thead,.inv-demo__row{grid-template-columns:1fr 64px}.inv-demo__row-main,.inv-demo__thead span:last-child{display:none}}